jquery - jQuery GalleryView 对链接/href 的支持

Question

我已经升级到 jQuery GalleryView 2.1.1，它似乎不支持图像上的 ahref 标签。有解决方法吗？我希望能够在图像鼠标悬停时显示标题并在单击时重定向到另一个页面。

Answer 1

• 演示： https ://so.lucafilosofi.com/jquery-galleryview-support-for-links-href/

$('#gallery .panel img').hover(function() {
    $(this).wrap('<a href="' + this.src + '" target="_blank"/>');
}, function() {
    $(this).unwrap('<a></a>');
});

Answer 2

这就是我所做的：我使用面板覆盖作为要单击的对象。
我给它添加了一个 A 标签，所以我可以使用它的 href 属性（见下文）

<li><span class="panel-overlay"><a href="your_link_here" ></a></span><img  src="pic.jpg"  alt=""/></li>  

在 css 文件中，我确保面板覆盖覆盖了整个图像并使其透明。还向其添加了手形光标。

.panel .overlay-background { height: 666px; cursor:pointer;background: none; }

最后，在页面的 $(document).ready 函数中，我添加了：

   $(".panel-overlay").click(function() {
    //get the link href 
    var link = jQuery("a", this).attr('href');
    window.location.href = link;
   });  

希望这可以帮助那里的人..
欢呼:-)