jquery - 如何使 jquery galleryview 可点击？

Question

我正在使用这个http://spaceforaname.com/galleryview/，

我需要插入每张图片的链接，所以我添加了如下链接，但它不起作用。无论如何我可以点击图像跳转到某个地方吗？

<ul id="myGallery">
 <li><a href="#"><img src="http://www.spaceforaname.com/galleryview/img/photos/bp1.jpg" alt="Lone Tree Yellowstone" /></a>
 <li><a href="#"><img src="http://www.spaceforaname.com/galleryview/img/photos/bp1.jpg" alt="Lone Tree Yellowstone" /></a>
</ul>

Answer 1

您必须修改 Galleryview 的 .js：

1. 在 jquery.galleryview-3.0-dev.js 的第 22 行下方，插入以下行：

   this.customlink = img.attr('customlink');
this.haslink = img.attr('haslink');

2. 接下来，在第 467 行下方，插入以下行：

   var address = "'" + gvImage.customlink + "'";
var js = "window.location.assign(" + address + ");";
if(gvImage.haslink=='true') {img.attr("onclick", js);}
   

3. 现在触发 Galleryview 的 HTML 代码如下：

   <ul id="myGallery">
   <li><img haslink="true" customlink="somelink" src="images/1.jpg" alt="Lone Tree Yellowstone" />
   <li><img haslink="true" customlink="somelink" src="images/2.jpg" alt="Lone Tree Yellowstone" />
</ul>

如果要将图库的图像视为链接，请设置“ haslink=true”。“ customlink”属性的使用方式与“ href”属性相同。你也可以ul用 a包围div并用 " " 设置样式，cursor:hand;cursor:pointer;这样用户就会意识到图像是一个链接。

希望这可以帮助！

Answer 2

尝试这个：

$('img').click(function(){
window.location.href = "http://stackoverflow.com";
});