jQuery Lightbox ou équivalent avec tableau d’images

J’essaie d’implémenter une galerie de style Lightbox dans laquelle cliquer sur un lien de texte lance un diaporama d’images chargées à partir d’un tableau et non d’un contenu en ligne sur la page. Tous les exemples que je peux trouver utilisent un groupe d’images en ligne qui sont liées d’une manière ou d’une autre (c’est-à-dire en utilisant une balise rel ou une classe). Je veux définir mes images en utilisant leurs chemins dans un tableau Javascript.

Quelqu’un sait la solution ou ont des pointeurs? TIA.

Ce qui suit fonctionne avec l’exemple que vous pouvez télécharger depuis le site du plugin.

Démo ici

$(function() { $('#testLink').click( dynamicLightBoxinit ); }); function dynamicLightBoxinit(){ images = ["photos/image1.jpg", "photos/image2.jpg","photos/image3.jpg","photos/image4.jpg","photos/image5.jpg"]; var imageBuilder=''; for (var i = 0; i < images.length; i++) { imageBuilder += ''; } var lb = $(imageBuilder); lb.lightBox(); lb.filter('a:first').click(); }

Je ne sais pas exactement ce que vous cherchez, mais est-ce quelque chose que vous recherchez?

 images = ["path1.jpg", "path2.jpg"]; for (var i = 0; i < images.length; i++) { var img = new Image(); img.src = images[i]; images[i] = img; }

Remplacement sur place assez direct des URLs à Image-objects, mais l'écriture était plus courte.

Vos images seront chargées par le navigateur lorsque l’atsortingbut src est défini et peuvent être ajoutées à n’importe quel conteneur html par opération de dom normale.

HTH.