javascript - No scrolling after closing lightbox (blueimp) -
i built own website , wanted add different galleries, tried blueimp. works perfectly, when i'm closing lightbox, i'm not able scroll on page anymore. can please me?
here's little code snippet:
<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 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>
in variable options declared hidepagescrollbars: false (default true), works me. see folowing code:
<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>
Comments
Post a Comment