Javascript 需要Jquery幻灯片中的图像作为链接
这就是我为jquery所做的Javascript 需要Jquery幻灯片中的图像作为链接,javascript,jquery,image,hyperlink,slideshow,Javascript,Jquery,Image,Hyperlink,Slideshow,这就是我为jquery所做的 $(function(){ $('#slides').slides({ preload: true, preloadImage: 'img/loading.gif', play: 5000, pause: 2500, hoverPause: true }); }); 这是我的HTML 你可
$(function(){
$('#slides').slides({
preload: true,
preloadImage: 'img/loading.gif',
play: 5000,
pause: 2500,
hoverPause: true
});
});
这是我的HTML
你可以在第一张图片上看到,我试图将其链接起来,但这是不可能的。
任何帮助都将不胜感激,谢谢根据您使用的插件,可能已经有了一种内置的方法来实现这一点,但一种方法是向包含您要链接的url的图像添加数据属性:
<img src="images/slidephotos/race_slide_photos/FHH_slide.png" width="395" height="330" alt="Slide 4" data-link="http://www.yoursite.com" />
您正在使用哪个插件进行滑动??您的滑块插件是否具有完成回调功能??
<img src="images/slidephotos/race_slide_photos/FHH_slide.png" width="395" height="330" alt="Slide 4" data-link="http://www.yoursite.com" />
$(document).on('click', '.slides_container img', function(){
var url = $(this).data('link');
if (typeof url !== 'undefined')
{
window.location.href = url;
}
});