jQuery GalleryView support for links/href

Question

I've upgraded to jQuery GalleryView 2.1.1 and it doesn't seem to support ahref tags on the images. Is there a workaround for this? I want to be able to display the title on image mouseover and redirect to another page onclick.

the link from the plugins page @ http://plugins.jquery.com/project/galleryview seems to be broken and without any demos to example code for this jQuery plugin. — evandrix, Sep 02 '11 at 01:34
@Doug: image tag don't have href attribute, ps, provide your current help, if you want a quick help. — Luca Filosofi, Sep 11 '11 at 08:39

Luca Filosofi · Answer 1 · 2019-12-07T21:55:49.953

3

demo: 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>');
});

edited Dec 07 '19 at 21:55

answered Sep 11 '11 at 09:34

Luca Filosofi

30,905
9
70
77

score 1 · Answer 2 · answered Sep 11 '11 at 07:54

here is what i did: i used the panel-overlay as the object to be clicked.
i added an A tag to it so i can use its href attribute (see bellow)

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

in the css file i made sure the panel-overlay covered the entire image and made it transparent.also added a hand cursor to it.

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

finally, inside the page's $(document).ready function i added:

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

hope this helps someone out there..
cheers :-)

jQuery GalleryView support for links/href

2 Answers2