Javascript 需要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 你可

这就是我为jquery所做的

    $(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;
        }
    });