2013-04-07 3 views
0

코드 javascript을 사용하여 새 이미지 요소를 생성하고 src 특성을 설정 한 다음 'a'태그에 추가합니다. 그런 다음 setInterval()을 사용하여 slide() 함수를 호출하여 이미지를 왼쪽으로 옮긴 다음 페이드 아웃합니다.하지만 이미지는 사라지지만 전혀 움직이지 않습니다.첨부 된 이미지에 애니메이션을 적용 할 수 없습니다.

function slide(){ 

var img=$("img"); 


img.animate({"left": '150'}, "slow", function() { 

img.fadeOut("slow", function() { 

forward(); 

img.fadeTo("slow",1); 

      }); 

      }); 

       } 

setInterval(function(){slide();}, 5000); 

답변

0

이미지를 이동하려면 절대 위치를 지정해야합니다. http://jsfiddle.net/friiks/qXvy7/

+0

-
여기

행동에 그것으로 바이올린의 페이지에 당신이 당신의 CSS에서 img 같은 선택기를 사용하면 모든 이미지가 절대적으로 배치됩니다 img{ position:absolute; left:0; top:0; }

메모를이 CSS를 추가 음, 고마워, 이제 거기에 또 다른 문제가 img 이동 후 사라지고 사라지고 새 하나 추가됩니다, 나는 그것을 원본 위치에 추가하고 싶다 그래서, "img.css ("left ","0 ");" 위치를 재설정하지만 작동하지 않습니다. –

+0

어떻게됩니까? 새 이미지는 이전 이미지가 제거 된 위치에 있습니까? 또한 사용중인 코드를 게시하십시오. – Pankucins

관련 문제