2015-04-25 26 views
6

Zbudowałem własną stronę internetową i chciałem dodać różne galerie, więc wypróbowałem blueimp. Działa idealnie, ale kiedy zamykam lightbox, nie mogę już przewijać strony. Czy ktoś mógłby mi pomóc?Bez przewijania po zamknięciu lightbox (blueimp)

Oto mały fragment kodu:

<div id="artworks"> 
    <a href="gallery/artworks/test1.jpg" title="test1" data-gallery="#blueimp-gallery-artworks" class="btn btn-primary btn-lg" role="button">TAKE A LOOK</a> 
    <a href="gallery/artworks/test2.jpg" title="test2" data-gallery="#blueimp-gallery-artworks"></a> 
</div> 

<!-- blueimp Gallery lightbox --> 
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls"> 
    <div class="slides"></div> 
    <h3 class="title"></h3> 
    <a class="prev">‹</a> 
    <a class="next">›</a> 
    <a class="close">×</a> 
    <a class="play-pause"></a> 
    <ol class="indicator"></ol> 
</div> 

<!-- scripts --> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/jquery.blueimp-gallery.min.js"></script> 
<script> 
document.getElementById('artworks').onclick = function (event) { 
    event = event || window.event; 
    var target = event.target || event.srcElement, 
     link = target.src ? target.parentNode : target, 
     options = {index: link, event: event}, 
     links = this.getElementsByTagName('a'); 
    blueimp.Gallery(links, options); 
}; 
</script> 
+0

czy możesz pokazać działające demo (na jsfiddle lub coś podobnego)? Trudno powiedzieć z tym właśnie kodem. Prawdopodobnie "przepełnienie: ukryte", które nie zostanie usunięte przez wtyczkę lub coś takiego, ale to tylko odgadnięcie bez zobaczenia kodu w akcji. – Pevara

+0

Hej, dziękuję za odpowiedź. Próbowałem zbudować działające demo, ale było skomplikowane. Myślę, że łatwiej, jeśli odwiedzasz moją stronę zamiast;) www.zoesch.net – zoesch

Odpowiedz

6

W zadeklarowanych zmiennych opcji hidePageScrollbars: false (domyślnie jest to prawda), działa to dla mnie. Zobacz następujący kod:

<script> 
    document.getElementById('artworks').onclick = function (event) { 
    event = event || window.event; 
    var target = event.target || event.srcElement, 
     link = target.src ? target.parentNode : target, 
     options = {index: link, event: event, hidePageScrollbars: false}, 
     links = this.getElementsByTagName('a'); 
    blueimp.Gallery(links, options); 
    }; 
</script> 
1

W moim przypadku mam przypadkowo dodaje wiele skryptów bluimp. Usunąłem drugą i zachowałem tylko jeden plik js dla wtyczki, a następnie naprawiono.