jQuery GalleryView для ссылок/href

Question

Я обновился до jQuery GalleryView 2.1.1 и, похоже, не поддерживает теги ahref на изображениях. Есть ли обходной путь для этого? Я хочу иметь возможность отображать заголовок при наведении на изображение и перенаправлять на другую страницу onclick.

Answer 1

вот что я сделал: я использовал панель-наложение как объект, который нужно щелкнуть.
я добавил тег к нему, так что я могу использовать его HREF атрибута (см ниже)

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

в CSS файл я удостоверился, панель-накладка охватывает весь образ и сделал его transparent.also добавил наведите курсор на него.

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

наконец, внутри $ (документ) .ready функции страницы я добавил:

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

надеюсь, что это помогает кто-то там ..
ура :-)

Answer 2

• demo:http://so.devilmaycode.it/jquery-galleryview-support-for-links-href/

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