0

我正在使用http://www.dhtmlgoodies.com/?whichScript=inline_slideshow jquery 脚本

我想在每张图片中给出不同的链接。

好像

<div class="imageSlideshowHolder" id="slideshow1">
    <a href="http://www.learnphp.in">
        <img src="../img.mysite.md/events/danceni/s01danceni.jpg" >
    </a>
    <a href="http://www.google.com">
        <img src="../img.mysite.md/events/danceni/s02danceni.jpg" >
    </a>
</div>

上面的代码两个图像在滑动，但最后一个链接http://www.google.com工作但http://www.learnphp.in不工作。

如何更改与图像的链接？

4

2 回答 2

2

幻灯片工作正常，您遇到的问题是此 javascript 未设置为为幻灯片中的每个图像提供单独的链接。照原样是行不通的。我要看看我是否可以破解 JS 并对其进行修改。如果您在图像更改时将其翻转，您将看到状态栏中的 url 永远不会改变。只有一个锚标记在工作，并且内容在该元素内被切换。您需要通过 JS 为每个图像分配一个链接，因为它会发生变化。

（我看到我的答案迟了几分钟）正如下面的用户所说，还有其他图像幻灯片库可以为您执行此操作而无需修改。

此幻灯片代码未优化，您应该寻找另一个具有您想要的功能的 javascript 幻灯片。我在 Stack O 上找到了这个，并且有一些问题可以调试并实际使链接正常工作，这是链接：

jQuery幻灯片

添加链接

还有一个：

链接单个图像

于 2013-10-19T07:37:11.317 回答
2

这是因为他们将两张图片叠放在一起：

<div class="imageSlideshowHolder" id="imageSlideshowHolder">
            <img  src="http://www.dhtmlgoodies.com/scripts/image-slideshow-4/images/image1.jpg" onclick="window.open('http://www.google.com')">
            <img  src="http://www.dhtmlgoodies.com/scripts/image-slideshow-4/images/image3.jpg" onclick="window.open('http://www.learnphp.in')">
</div>

但由于第二张图片总是在第一张上面，所以这里总是会打开第二个链接。

要么使用一些不同的库，要么根据需要更改库。

一个单纯的谷歌搜索结果给了我以下结果：

http://wowslider.com/

http://bxslider.com/examples

http://www.slidesjs.com/

于 2013-10-19T07:25:22.187 回答