봐주세요...롤링배너(이미지)관련 질문입니다.. 정보
봐주세요...롤링배너(이미지)관련 질문입니다..본문
롤링배너에 대해서 질문드려요..;;
원하는 롤링배너가..
정해진 시간이 다른 각 배너들을
개별 시간대로 다 보여주면서 롤링되는 거랍니다..
그러니까...일정시간 반복되는 함수를 사용하면 움직이는 배너내용을 다 보지 못하고 다음 배너로 넘어가니까요;
롤링배너 관련함수는 보통 setInterval이 적용되는데, 이걸로는
'시간배분이 각기 다른 배너의 내용을 각각 다 보여주면서 다음 배너로 넘어가는' <--이게 안됩니다..
뭘 어떻게 해야할지, 함수들도 잘 모르니
막막하네요;;;
이렇게 저렇게 하면 안되겠냐는 조금의 힌트라도 좀 부탁드립니다..
미리...감사해요~^^;
답변 부탁드릴게요..ㅠ_ㅠ
(이 게시판, 저 게시판 찾아보다가 질문답변 게시판인줄 알고 팁자료실에다가 글쓰기를 해버렸네요...;;
급히 옮겼습니다..^^;;)
원하는 롤링배너가..
정해진 시간이 다른 각 배너들을
개별 시간대로 다 보여주면서 롤링되는 거랍니다..
그러니까...일정시간 반복되는 함수를 사용하면 움직이는 배너내용을 다 보지 못하고 다음 배너로 넘어가니까요;
롤링배너 관련함수는 보통 setInterval이 적용되는데, 이걸로는
'시간배분이 각기 다른 배너의 내용을 각각 다 보여주면서 다음 배너로 넘어가는' <--이게 안됩니다..
뭘 어떻게 해야할지, 함수들도 잘 모르니
막막하네요;;;
이렇게 저렇게 하면 안되겠냐는 조금의 힌트라도 좀 부탁드립니다..
미리...감사해요~^^;
답변 부탁드릴게요..ㅠ_ㅠ
(이 게시판, 저 게시판 찾아보다가 질문답변 게시판인줄 알고 팁자료실에다가 글쓰기를 해버렸네요...;;
급히 옮겼습니다..^^;;)
댓글 전체
+_+ 질문하신 내용이, 만약에 1번에서 5번까지의 이미지가 있다고 가정을 하면, 1번 이미지만 보고 나간 경우 이어서 2번 이미지 이런식으로 나와야 하는걸 말씀하시는건가요 ?
아니요...
예를 들어 gif배너 5개가 있는데 각 gif배너마다 애니메이션 시간이 달라요...
최신글갤러리처럼 롤링되면서 하나씩 그 위치에서 보여지는건데,
setInterval함수를 쓰면 안되는거죠..;;;
setInterval을 쓰면 정해진 시간에 다음배너로 넘어가기때문에 그 배너의 애니메이션을 다 볼 수가 없거든요..
마우스 오버하면 롤링이 멈추지만, 마우스오버 없이도 각 gif배너가 다 보이고 넘어가길 바라더라구요;;
에공;;;질문이 복잡한가요;;
예를 들어 gif배너 5개가 있는데 각 gif배너마다 애니메이션 시간이 달라요...
최신글갤러리처럼 롤링되면서 하나씩 그 위치에서 보여지는건데,
setInterval함수를 쓰면 안되는거죠..;;;
setInterval을 쓰면 정해진 시간에 다음배너로 넘어가기때문에 그 배너의 애니메이션을 다 볼 수가 없거든요..
마우스 오버하면 롤링이 멈추지만, 마우스오버 없이도 각 gif배너가 다 보이고 넘어가길 바라더라구요;;
에공;;;질문이 복잡한가요;;
인터벌을 각 배너마다 다르게 지정하면 되지 않을까요?
<div id="1">1</div>
<div id="2">2</div>
<div id="3">3</div>
<div id="4">4</div>
<script>
var s = new Array(5,1,3,2); // 초
var i=0;
setTimeout(f, 0);
function f() {
var div = document.getElementsByTagName('div');
for(j=0; j<div.length; j++) div[j].style.display = 'none';
document.getElementById(i+1).style.display = 'block';
setTimeout(f, s[i]*1000);
i = (i == div.length-1)? 0 : ++i;
}
</script> 참고하세요
와~~~~감사해요!!!!! T^T (^ㅡ^)*