jQuery GalleryView 支持链接/href

Question

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

- Doug

---

插件页面上的链接@http://plugins.jquery.com/project/galleryview似乎已经失效，没有任何演示来展示这个jQuery插件的示例代码。 - evandrix

http://plugins.jquery.com/node/13734 - spotlr

@Doug：图片标签没有href属性，顺便说一下，如果你需要快速帮助，请提供你目前的帮助。 - Luca Filosofi

Answer 1

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

这是一个关于jQuery的演示页面，用于展示图片和链接。您可以在此网页上查看完整的代码和实现方式。

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

- Luca Filosofi

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 覆盖了整个图像并使其透明。还为其添加了手形光标。

.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;
   });  

希望这能帮助到某个人..
祝好 :-)

- samoyed