Поддержка jQuery GalleryView для ссылок / href - PullRequest
Новая
       3

Поддержка jQuery GalleryView для ссылок / href

4 голосов
/ 26 октября 2010

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

Ответы [ 2 ]

3 голосов
/ 11 сентября 2011 
$('#gallery .panel img').hover(function() {
    $(this).wrap('<a href="' + this.src + '" target="_blank"/>');
}, function() {
    $(this).unwrap('<a></a>');
});
1 голос
/ 11 сентября 2011

вот что я сделал: я использовал наложение панели как объект, по которому нужно щелкнуть.
я добавил к нему тег 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;
   });

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

...