2013-10-19 172 views
0

我正在使用http://www.dhtmlgoodies.com/?whichScript=inline_slideshow jquery脚本幻灯片href不工作

我想给每个图像不同的链接。

貌似

<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不工作。

如何改变图像链接?

+0

看不出您提供的代码有任何问题。最好的猜测是你的页面或JavaScript文档中有一个错字。检查这些,或张贴在这里。 –

+0

我只想对“DHTML”这个词发表评论。从2006年总爆炸。 – JAL

回答

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/

+0

当我添加一个链接图像时,第一张图片显示第二个链接,第二个图片显示第三个链接,第三个图片显示第三个链接。我怎么解决? – Developer

2

幻灯片工作正常,你的问题是,这个JavaScript是没有设置为为幻灯片中的每个图像提供一个单独的链接。这是行不通的。我会看看我是否可以破解JS并修改它。如果您在更改图像时翻转图像,则会看到状态栏中的网址不会更改。只有一个锚标记正在工作,内容在该元素内部被切换出去。您将需要通过JS为每个图像分配一个链接,随着它的变化。

(我看到我在答案上迟了几分钟)正如下面的用户所说,还有其他图像幻灯片库可以为您做到这一点,无需任何修改。

此幻灯片代码没有优化,你应该寻找另一个具有你想要的功能的JavaScript幻灯片。我发现这一个在这里对堆栈O和有迹象表明调试和实际得到的链接工作几个问题,这里有链接:

jQuery Slideshow

Add Links

而另:

Link individual images

+0

我在哪里修改代码? – Developer

+0

看看我提供的其他链接,你不想惹这个代码。这很混乱。还有一些好的jQuery滑块具有链接功能。我讨厌说要做更多的搜索。但这是垃圾。由于不必要的命名约定,因此很难阅读。 jQuery擅长这一点。搜索“jQuery图像滑块或使用我提供的链接,并查看其他人使用的内容。 –