2013-04-07 8 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

Вы должны поместить изображение абсолютно для его перемещения.
Добавить CSS на страницу img{ position:absolute; left:0; top:0; }

к сведению, что все изображения будут размещены абсолютно, если вы используете селектор, как img в вашем CSS

Вот скрипка с ним в действии - http://jsfiddle.net/friiks/qXvy7/

+0

хорошо спасибо, теперь есть еще одна проблема после того, как img движется и исчезает, и он добавляется, добавляется, я хочу, чтобы он был добавлен в исходное положение и так далее, я попытался использовать «img.css (« left »,« 0 ");" для сброса позиции, но она не работает –

+0

Что происходит? Установлено ли новое изображение, где было удалено предыдущее? Также, пожалуйста, напишите код, который вы используете – Pankucins

Смежные вопросы