Javascript 图像幻灯片 - 鼠标悬停
我很难寻找问题的答案。主要是因为我不知道如何在谷歌/雅虎搜索中询问它。
我的网站: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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您需要将其(添加 'z-index:9999;' 到 css 中的 .advertiseSlides img
You need to put this (add 'z-index:9999;' to .advertiseSlides img in css