Javascript ou jQuery image carrousel avec de charger dynamiquement des images et des liens
Est-il une bonne javascript ou jQuery carrousel d'images qui va afficher 5 images et s'il ya plus, l'utilisateur peut cliquer sur suivant et le suivant les sources d'image et de lien Url de charge via AJAX?
Il est très possible qu'il existe des milliers d'images ainsi que les liens vers une page web consacrée à cette image, j'ai donc besoin d'un carrousel d'images qui peuvent faire face efficacement à cette.
OriginalL'auteur at. | 2011-10-13
Vous devez vous connecter pour publier un commentaire.
Je pense que le JQuery Cycle Plugin, vous obtiendrez 50% du chemin. Cette installation est assez facile à utiliser et je pense va vous donner "cliquez pour obtenir de plus" les images de la fonctionnalité que vous êtes après (avec quelques jolies chouettes effets de transition).
Cependant, j'ai seulement utilisé le plugin avec toutes les images définies dans la page. Dans mon cas, j'ai été faire un "diaporama" pour démontrer l'utilisation d'une application. Le HTML a été assez simple...
Les associés JavaScript est...
(Cliquez sur ici pour voir l'effet.)
Pour relever le défi supplémentaire de charger de nouvelles images lorsque l'utilisateur veut aller en chercher plus, je pense que c'est juste une question de l'expansion sur le code derrière le lien "Suivant" dans mon exemple. Votre code peut effectuer une JQuery AJAX appeler pour obtenir les images suivantes, puis les ajouter à la diaporama div.
Enfin, que les feuilles de la fonctionnalité de cliquer sur l'image pour aller sur le site. Vous pouvez essayer de mettre le diaporama
img
balises à l'intérieur de l'appropriéesa
balises. Si le cycle plugin ne joue pas avec lesa
balises,onclick
de gestionnaires d'événements sur les images doivent faire le travail.OriginalL'auteur Aron Boyette
Vous pouvez utiliser jQuery Tools Défilement comme curseur et d'y associer une
$get()
appel au bouton "suivant".Voici une démo:
http://flowplayer.org/tools/demos/scrollable/edit.htm (Remarquez le bouton "ajouter").
Dans cette démo, c'est juste des clones d'un
div
et l'ajouter. Vous pourriez faire de même en cliquant sur "suivant", mais le chargement de contenu d'ailleurs.Eh bien, je viens de commencer à travailler avec elle, mais il semble qu'ils ont une bonne activité sur github.
OriginalL'auteur Thiago Curvelo
J'ai utilisé jShowOff pour un projet.
Avantages:
Problème
http://ekallevig.com/jshowoff/
J'ai un exemple de mon utilisation de celui-ci ici: http://www.rhmachine.com/ (les liens peuvent être modifiés pour afficher uniquement les prev/next).
Je vais creuser autour pour un peu, et voir si je peux trouver une solution AJAX a déjà été faite pour elle.
OriginalL'auteur Kevin Nelson
La première solution est assez bonne, une autre solution qui pourrait vous intéresser et que j'utilise : http://jquery.malsup.com/cycle/
Ensuite, avez-vous vu cela ? jquery.malsup.com/cycle/pager3.html
OriginalL'auteur Khan