Javascript 如何在点击缩略图后激活较大的图像链接

我一直在使用jPages分页插件，但我有一个问题。他们提供的一种模式是gallery（），你可以点击缩略图，它会显示一个放大版。我如何使其在单击缩略图后，用户可以在头顶上单击更大版本的缩略图，并将其定向到嵌入其中的链接

以下是演示中显示的编码： $（函数（）{

/*启动插件*/
美元（“部门持有人”）.jPages({
集装箱船：“拇指”，
每页：5，
上一页：“.prev”，
下一步：“.next”，
链接：“空白”，
方向：“自动”，
动画：“法德努普”
});
$（“ul#thumbs li”）。单击（函数（）{
$（此）.addClass（“选定”）
.兄弟姐妹（）
.removeClass（“选定”）；
var img=$（this.children（）.clone（）.addClass（“动画fadeInDown”）；
$（“div#img”）.html（img）；
});



ul#thumbs{列表样式：无；边距：0px；填充：0px；边距顶部：10px；}
ul#thumbs li{float:left；margin right:10px；cursor:pointer；}
ul#拇指li img{高度：75px；垂直对齐：顶部；}
ul#thumbs li.selected{outline:3px solid#FF4242；}
div#img img{宽度：600px；高度：400px；}
div#btns{位置：相对；宽度：600px；}
.prev，.next{宽度：29px；高度：29px；位置：绝对；顶部：-95px；光标：指针；}
.prev{背景图像：url（'img/back.gif'）；左：-40px；}
.next{背景图像：url（'img/next.gif'）；右：-40px；}
.jp已禁用{显示：无；}

您可以使用jquery onclick来完成。 当您在函数中创建img元素时，您可以向其添加另一个属性，例如linkTo=“some link”

您可以创建一个函数，它将监听单击主图像div

$("div#img").on("click",'img', function()(
var linkValue = $(this).attr('linkTo');
     //do whatever you want with the link(open a popup or a new tab or change currentpage)
));

---

谢谢。这相当简单。我想我在放置链接的位置上遇到了问题，但我最终还是把它放在了img alt中，如图所示：var img=$（this.children（）.clone（）.addClass（“animated fadeInDown”）；var linkValue=$（this.children（“img”）.attr（“alt”）；$（div#img”）.html（img）。wrap（$（（'.attr（'href'，linkValue））；

$("div#img").on("click",'img', function()(
var linkValue = $(this).attr('linkTo');
     //do whatever you want with the link(open a popup or a new tab or change currentpage)
));