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图像

回答

相关问题