Javascript图像幻灯片 - 鼠标悬停答案

【问题标题】：Javascript image slideshow - mouseoverJavascript图像幻灯片 - 鼠标悬停
【发布时间】：2012-02-01 20:33:02
【问题描述】：

我很难找到问题的答案。主要是因为我不知道如何在 google/yahoo 搜索中询问它。

我的网站：http://www.wbsnightout.com/sidekick

在右侧，我有三个旋转图像的赞助商广告 div。每张图片都有一个标题，并且是一个可点击的链接。唯一的问题是，当您将鼠标悬停在图像上时，显示图像后面的图像的链接和标题会出现。当我点击它时，它会将我带到错误的链接，因为它是它背后的图像的链接。

这是我的 HTML 示例：

    <div id="right-sponsor"> <!-- Begin right Sidebar -->
 <div class="advertiseSlides" id="sponsor2">
 <a title='Click for more Info!' href='http://www.ricochetsrapiddetail.net/' target='_blank' rel='nofollow'><img src='/images/advertise/ricochet_ad.jpg' alt='Ricochet's Rapid Detail' title='Ricochet's Rapid Detail' height='200' width='240' />
 </a>   </div>

这是使用 php 和 mysql 动态拉取的。

我在脚本标签中的结束正文标签之前有这个

  initImageGallery('sponsor1', 5000);

我的javascript文件可以找到：http://www.wbsnightout.com/sidekick/js/slideshow.js

我对javascript不太了解，所以我只是使用了我在网上找到的脚本。

如果您能回答或指向我的讨论或教程，那就太好了！

谢谢，

【问题讨论】：

标签： javascript slideshow mouseover

【解决方案1】：

你需要把这个 (add 'z-index:9999;' to .advertiseSlides img in css

【讨论】：

.advertiseSlides img{ z-index:9999;}
看起来 javascript 关闭了 1 个计数
@Cocre80r 我刚刚尝试过，但仍然是同样的问题。我确实注意到，当我检查元素时，在幻灯片中循环观看其中一张图像时，元素样式在实际看到之前变得“可见”？所以图像 1 实际上是可见的，图像 2 从隐藏切换到可见。