Javascript鏈接到LIGHTBOX圖像

我想要添加圖像到我的燈箱畫廊使用JavaScript鏈接。例如，我試過，Javascript鏈接到LIGHTBOX圖像

<script> 
imageArray =[ 
"image1.jpg", 
"image2.jpg", 
"image3.jpg" 
]; 

function assignUrl(img_num) 
    { 
     return "www.website/images/" + imageArray[img_num]; 
    } 
</script>

而且在我的畫廊，我用過，

<a href="javascript:document.location.href=assignUrl(0);" 
data-lightbox="imagegallery" > 
<img src="javascript:document.location.href=assignUrl(0);" <!-- thumbnail-->   
</a>

但它不工作..縮略圖不顯示，而當u單擊時，圖像不斷加載但沒有任何反應。

當我使用這樣的測試鏈接時，它顯示圖像。

<a href="javascript:document.location.href=assignUrl(0);"> TEST </a>

請幫忙嗎？我究竟做錯了什麼？有沒有其他的解決方法呢？

來源

2013-09-21 Kalindu Aragorn

你不能在一個img src屬性編寫JavaScript代碼。 – nilgun

那我該怎麼辦呢？ –

你使用Lightbox或Lightbox2嗎？你究竟想要做什麼？ dynamicaly創建一個自定義數組照片「圖像陣列」的圖片庫？ – nilgun

我寫了一個示例函數，根據imageArray變量動態創建和追加一個和img元素。然後通過調用lightbox函數激活插件。

我並不想盡可能多地觸碰你的代碼。

它下面的樣子：

<script> 
    imageArray =[ 
     "image1.jpg", 
     "image2.jpg", 
     "image3.jpg" 
    ]; 

    function assignUrl(img_num) 
    { 
     return "www.website/images/" + imageArray[img_num]; 
    } 


    $(function() { 
     for (var i = 0; i < imageArray.length; i++){ 
      var div = $("<a/>").attr("href",assignUrl(i)).attr("data-lightbox","imageGallery"); 
      div.append($("<img/>").attr("src",assignUrl(i)).attr("width","20%").attr("height","20%")); 
      console.log($); 
      $("body").append(div);  
     } 
     $('a[rel="lightbox"]').lightBox(); 
    }); 

</script>

小提琴：：http://jsfiddle.net/nilgundag/jTDk9/7/

來源

2013-09-21 20:52:04 nilgun

謝謝......但是我在哪裏調用這個函數？我的意思是HTML呢？你可以幫助嗎.. –

我將圖像直接附加到body元素。例如，如果您的身體中有

，則可以通過更改$（「body」）來附加到該div。append（div）;到$（「＃imageGal」）。append（div）;.這裏是一個小提琴：http://jsfiddle.net/nilgundag/jTDk9/3/ – nilgun

哦.. thanx很多.. 1更多的東西，你能告訴我如何添加attrbs寬度= 20％和高度= 20％到img src？ –

Javascript鏈接到LIGHTBOX圖像

回答

相關問題