Javascript 图像幻灯片 - 鼠标悬停

发布于 2025-01-01 07:33:40 字数 1110 浏览 1 评论 0原文

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

我的网站: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不太了解,所以我只是使用了我在网上找到的脚本。

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

谢谢,

I am having a hard time searching for the answer to my problem. Mainly because I have no idea how to ask it in a google/yahoo search.

My site: http://www.wbsnightout.com/sidekick

On the right side I have three sponsor ad div's with images rotating. Each image has a title and is a clickable link. The only problem is, is that when you mouse over the image, the LINK and TITLE for the image BEHIND the shown image comes up. When I click on it, it takes me to the wrong link, because it's the link for the image behind it.

Here is an example of my 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>

This is pulled dynamically using php and mysql.

I have this before my closing body tag within a script tag

  initImageGallery('sponsor1', 5000);

And my javascript file can be found: http://www.wbsnightout.com/sidekick/js/slideshow.js

I don't know much about javascript so I just used I script that I found online.

If you can answer or point me to a discussion or tutorial, that would be great!

Thanks,

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

み青杉依旧 2025-01-08 07:33:40

您需要将其(添加 'z-index:9999;' 到 css 中的 .advertiseSlides img

You need to put this (add 'z-index:9999;' to .advertiseSlides img in css

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文