질문 대장님 요청합니다.
- 양점동(유수현)
- 7967
- 6
첨부 1
제가 적용한 아이폰4 테마 소스 입니다. 근데 여기서 사진이 2장 바뀌게 되어 있어요.. 실제로도 그렇구요..
1. 사진을 5장정도 넣을려면 어떻게 해야 될까요?
2. 그리고 바뀌는 시간도 좀 빨리 하고 싶은데.. 어떻게 하면 좋을까요 setTimeout(fade, 15000); 이게 시간 조정하는건가요?
3. 그리고 좀 부드럽게 바뀌게 하려면 어떻게합니까?
답변좀 부탁드립니다. ^^
<?xml version="1.0" encoding="UTF-16"?>
<html><head>
<base href="Private/"/>
<!--meta name="viewport" content="width=320, minimum-scale=1.0, maximum-scale=1.0"/-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style>
body {
background-color: black;
margin: 0;
padding: 20px 0 0 0;
height: 442px;
width: 320px;
}
img {
-webkit-transition-property: opacity;
-webkit-transition-duration: 2s;
position: absolute;
width: 320px;
height: auto;
}
img.fade-out {
opacity: 0;
}
img.fade-in {
opacity: 1;
}
</style>
</head><body style="color: black">
<img id="one"/>
<img id="two"/>
<script>
var images = ['Rock.png', 'Plant.png'];
var index = 0;
var fade_in = one;
var fade_out = two;
fade_in.src = images[0];
fade_out.src = images[images.length - 1];
var fade = function () {
fade_in.src = images[index];
index = (index + 1) % images.length;
fade_in.className = 'fade-out';
fade_out.className = 'fade-in';
var fade_tmp = fade_in;
fade_in = fade_out;
fade_out = fade_tmp;
setTimeout(fade, 15000);
};
fade();
</script>
</body></html>
이런 글도 찾아보세요!
댓글 6
빨간 부분을 수정해보세요.
이미지 추가부분은
var images = ['Rock.png', 'Plant.png', 'test.png', 'test2.png', 'test4.png', 'test3.png'];
이런식으로 추가하시면 될거에요.
효과도 직접보지 못한거라 어떻게되는지 모르고
그냥 소스만 보고 한거라 틀릴 수도 있어요.
대단하신 양집사님 ^^
그리고 더 대단하신 대장님 ^^
이거 아부인가요? ^^;
@.@ 흰것은 여백이고, 검은 것은 글자로다....뻘건것은 뭔지...
제가 지금 고민하는것이 이거와 비슷한건가보네요..
목사님~~저도 질문을 이메일로 보내 드렸습니다.
확인해주세요오오오~~~~~
<?xml version="1.0" encoding="UTF-16"?>
<html><head>
<base href="Private/"/>
<!--meta name="viewport" content="width=320, minimum-scale=1.0, maximum-scale=1.0"/-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style>
body {
background-color: black;
margin: 0;
padding: 20px 0 0 0;
height: 442px;
width: 320px;
}
img {
-webkit-transition-property: opacity;
-webkit-transition-duration: 2s;
position: absolute;
width: 320px;
height: auto;
}
img.fade-out {
opacity: 0;
}
img.fade-in {
opacity: 1;
}
</style>
</head><body style="color: black">
<img id="one"/>
<img id="two"/>
<script>
var images = ['Rock.png', 'Plant.png'];
var index = 0;
var fade_in = one;
var fade_out = two;
fade_in.src = images[0];
fade_out.src = images[images.length - 1];
var fade = function () {
fade_in.src = images[index];
index = (index + 1) % images.length;
fade_in.className = 'fade-out';
fade_out.className = 'fade-in';
var fade_tmp = fade_in;
fade_in = fade_out;
fade_out = fade_tmp;
setTimeout(fade, 15000);
};
fade();
</script>
</body></html>