2012-07-03 5 views
1

Je suis en train de créer une mise à jour automatique de l'image. Lorsque jQuery envoie une requête ajax et découvre une nouvelle image a été téléchargée j'ai besoin que cela se produiseMise à jour automatique de la liste de défilement

enter image description here

Je ne peux même pas commencer à avoir une emprise de la façon dont je pourrais en faire.

Dois-je faire l'ajax retourner les fichiers? Comment puis-je faire le travail de glissement pleinement avec de nouvelles mises à jour? en ce moment je l'ai travaillé avec une image qui est cachée et a alors une position de gauche: -36px; donc il est caché de l'écran, alors je le change à gauche: 0px; et ça glisse tout en déplaçant les autres, et cela fonctionne très bien, mais comment pourrais-je faire en sorte qu'il puisse gérer plusieurs imgs?

Répondre

1

vous pouvez vous ajouter nouvelle image comme ça:

$("#slide").append('<img id="newimg"src="image.png" />'); 

ou utiliser avant() ou après() pour définir la position de votre nouvelle image http://api.jquery.com/before/

avec un débordement sur #slide dans votre css.

overflow-y: hidden; 
+0

à droite, je vois. Mais comment pourrais-je faire glisser dans? – Harry

+0

utiliser animate() dans Jquery, vraiment facile et fonctionne parfaitement [http://api.jquery.com/animate/](http://api.jquery.com/animate/) – LedZelkin

+0

D'accord merci, y at-il un moyen je peux utiliser les données qui ont été récupérées à partir d'un poste ajax dans un append? – Harry