获取jquery灯箱以从<img/>标记中提取图像

Question

在我的网站上，我目前正在使用一个jquery插件，可以在页面上自动滚动图像，这一切都很好。

但是，如果您点击图像，它只会将您带到图像源，我想使用与其结合的灯箱功能。问题是我可以找到的所有jquery灯箱代码 一个href标签来获取图像网址，但是滚动条使用img;

img src =“img / img1.jpg”longdesc =“img / img1.jpg”width =“400”alt =“Image 1”/

我该如何解决这个问题？

Answer 1

您需要做的第一件事是禁用图像流的onclick行为：http://finnrudolph.de/ImageFlow/Documentation幸运的是它在图像流选项中可用。

像onClick : $.noop

这样的东西

接下来，您需要对灯箱进行一些更改。 Colorbox使用href属性来确定要显示的内容。它不是标准的，但你应该能够在图像元素上使用href属性。试一试。

<img src="img/img1.jpg" href="img/img1.jpg" width="400" alt="Image 1" />

Answer 2

您可以在JavaScript中使用“document.getElementById（”id“）。src”或“document.getElementByTagName（”img“）。src”选择img元素的属性，然后将其分配给另一个标记同样的方法，只需将“id”更改为正确的id，将“src”更改为属性。