首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何让jquery galleryview可以点击?

如何让jquery galleryview可以点击?
EN

Stack Overflow用户
提问于 2013-05-15 16:55:48
回答 2查看 584关注 0票数 1

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

我需要插入每个图片的链接,所以我添加了如下链接,但它不起作用。有没有什么方法可以让我点击图片跳转到某个地方?

代码语言:javascript
复制
<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>
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-05-15 22:25:41

需要修改Galleryview的.js:

  1. 在jquery.galleryview-3.0-dev.js的第22行下面,插入以下行:

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

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

  1. 下一步,在第467行下面插入以下行:

var address = "'" + gvImage.customlink + "'";

var js = "window.location.assign(" + address + ");";

if(gvImage.haslink=='true') {img.attr("onclick", js);}

  1. 触发Galleryview的代码现在如下所示:

<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”属性的用法相同。您还可以使用div包围ul,并使用"cursor:hand;cursor:pointer;“设置样式,这样用户就可以意识到该图像是一个链接。

希望这能有所帮助!

票数 1
EN

Stack Overflow用户

发布于 2013-05-15 17:06:11

试试这个:

代码语言:javascript
复制
$('img').click(function(){
window.location.href = "http://stackoverflow.com";
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16560743

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档