Javascript图像幻灯片 - 鼠标悬停

时间:2012-02-01 20:33:03

标签: javascript slideshow mouseover

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

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

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

以下是我的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知之甚少,所以我只使用了我在网上找到的脚本。

如果您可以回答或指出我的讨论或教程,那就太棒了!

谢谢,

1 个答案:

答案 0 :(得分:0)

你需要把它(把'z-index:9999;'添加到.advertiseSlides img in css