在我的网站上,我目前正在使用一个 jquery 插件,它可以在页面上自动滚动图像,这一切都很好。
但是,如果您单击图像,它只会将您带到图像源,我想使用与它结合的灯箱功能。问题是我能找到的所有 jquery 灯箱代码都使用 href 标签来获取图像 url,但滚动条使用 img ;
img src="img/img1.jpg" longdesc="img/img1.jpg" width="400" alt="图片 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" />
您可以在 JavaScript 中使用 "document.getElementById("id").src" 或 "document.getElementByTagName("img").src" 选择 img 元素的属性,然后以相同的方式将其分配给另一个标签,只需将“id”更改为正确的 id,将“src”更改为任何属性。