예시 : http://ipoll.micans.co.kr/test_panorama.html
2010년 5월 13일 <body onload=init()> 추가
<body onload=init()> <div id=divarea style=width:800px;height:600px;overflow:hidden;position:relative> <div id=div1 style=position:absolute;top:0px;left:0px><img id=img1 src=a6.jpg></div> <div id=div2 style=position:absolute;top:0px;left:800px><img src=a6.jpg></div> </div> <script> var divarea,div1,div2,img1,tmp divarea=document.getElementById('divarea') div1=document.getElementById('div1') div2=document.getElementById('div2') img1=document.getElementById('img1') function init(){ divarea.style.height=img1.offsetHeight autoscroll(30,1) } function autoscroll(nexttime,scrollamount){ div1.style.left=parseInt(div1.style.left)-scrollamount if(parseInt(div1.style.left)<((-1*img1.offsetWidth)+divarea.offsetWidth)){ div2.style.left=parseInt(div2.style.left)-scrollamount if(parseInt(div1.style.left)==(-1*img1.offsetWidth)){ tmp=div1 div1=div2 div2=tmp div2.style.left=divarea.offsetWidth } } setTimeout('autoscroll('+nexttime+','+scrollamount+')',nexttime) } </script>
'쓸만한 주저리' 카테고리의 다른 글
| 개체 이동 스크립트 기능 강화판 (개체 이동+가로 너비 변경 동시) (0) | 2010.06.11 |
|---|---|
| aspuploader 좋네요. (0) | 2010.05.27 |
| 3개의 배너를 돌리는 스크립트 (흑백 처리 - PC 전용) (0) | 2010.04.30 |
| 개체를 1초 동안 투명에서 불투명으로 바꾸는 함수 (0) | 2010.04.29 |
| SQL Query로 달력 만들기 (0) | 2010.04.26 |