쓸만한 주저리

좌우 방향 버튼을 누르면 iframe이 움직이면서 다른 내용을 보기

봄돌73 2008. 12. 31. 12:25

ie에서는 접근 오류...

불여우에서는 정상 작동.

다만, 이동할 때 화면이 심하게 떨린다.


〈script>
  function move(direction){
    obj=document.getElementById('div1')
    var oldposition=obj.offsetLeft

    for(i=1;i〈20;i++){
      setTimeout("move2('"+direction+"',"+oldposition+","+i+")",50*i)
    }
  }

  function move2(direction,oldposition,i){
    obj=document.getElementById('div1')
    ifrm=document.getElementById('iframe1')
    var movevalue=12
    if(i==19){
      movevalue=11
    }
    if(direction=='left'){
      obj.style.left=obj.offsetLeft-movevalue
    }
    else{
      obj.style.left=obj.offsetLeft+movevalue
    }
    ifrm.contentWindow.scrollTo(obj.offsetLeft+movevalue,0)
  }
〈/script>
〈div id=div1 style=position:absolute>
  〈span id=leftspan style=cursor:pointer onclick=move('left')>◀〈/span>
  〈iframe name=iframe1 id=iframe1 width=227 height=500 frame-border=0 scrolling=no style="border:1px solid" src=tajmahal6.jpg>〈/iframe>
  〈span id=leftspan style=cursor:pointer onclick=move('right')>▶〈/span>
〈/div>