jQueryライトボックスまたは同等の画像配列

Question

Lightboxスタイルのギャラリーを実装しようとしていますが、テキストリンクをクリックすると、ページのインラインコンテンツではなく配列から読み込まれた画像のスライドショーが起動します。私が見つけることができるすべての例は、何らかの形で関係する（すなわち、relタグまたはクラスを使用する）インライン画像のグループを使用します。 Javascript配列のパスを使ってイメージを定義したいと思います。

解決方法を知っている人はいらっしゃいますか？ TIA。

Answer 1

次の例は、プラグインサイトからダウンロードできる例で動作します。 here

$(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 += '<a href="'+images[i]+'"><img src="'; 
      imageBuilder += images[i]; 
      imageBuilder += '" \></a>'; 
      } 

      var lb = $(imageBuilder); 
      lb.lightBox(); 
      lb.filter('a:first').click(); 
     } 

Answer 2

私はあなたが何をしているのか正確には分かりませんが、これはあなたが探しているものですか？

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

Image-objectsへのURLのインプレース置換は、やや短くなりましたが、書き換えは短かったです。

あなたの画像は、src属性が設定されているときにブラウザによって読み込まれ、通常のDOM操作ごとに任意のhtmlコンテナに追加できます。

HTH。