Question

我正在使用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无效。

如何更改图片链接？

Answer 1

这是因为他们将两张图片放在另一张图片上：

<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/

Answer 2

幻灯片放映很好，你遇到的问题是这个javascript没有设置为提供幻灯片中每个图像的单独链接。原样它不会起作用。我会看看我是否可以破解JS并修改它。如果您在图像更改时翻转图像，您将看到状态栏中的网址永远不会更改。只有一个锚标记正在工作，内容将在该元素内切换出来。当需要更改时，您需要通过JS为每个图像分配链接。

（我看到答案迟到了几分钟）正如下面的用户所说，还有其他图片幻灯片库可以为你做这些而无需修改。

此幻灯片代码未进行优化，您应该查找具有所需功能的其他javascript幻灯片。我在Stack O上找到了这个，并且有一些问题可以调试并实际获得链接工作，这里是链接：

jQuery Slideshow

Add Links

另一个：

Link individual images

幻灯片href不起作用

2 个答案: