javascript - Issue Blueimp gallery Twitter Bootstrap -
i'm using blueimp gallery present images on website. there 8 images divided in 2 rows. 5th thumbnail (first image on second row) seems broken, although can see in carousel presentation.
![thumbnails]:https://drive.google.com/file/d/0byo6ewq4cgauagwzbxhnwdlbwfu/view?usp=sharing
here's code
<!-- gallery lightbox dialog, should child element of document body --> <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> <div id="links"> <div class="row"> <div class="col-xs-2 col-xs-offset-3"> <a href="img/117.jpg" class="thumbnail"> <img src="img/thumbnails/117.jpg"> </a> </div> <div class="col-xs-2"> <a href="img/119.jpg" class="thumbnail"> <img src="img/thumbnails/119.jpg"> </a> </div> <div class="col-xs-2"> <a href="img/120.jpg" class="thumbnail"> <img src="img/thumbnails/120.jpg"> </a> </div> <div class="col-xs-2"> <a href="img/121.jpg" class="thumbnail"> <img src="img/thumbnails/121.jpg"> </a> </div> </div> <div class="row"> <div class="col-xs-2 col-xs-offset-3"> <a href="img/125.jpg" class="thumbnail"> <img src="img/tumbnails/125.jpg"> </a> </div> <div class="col-xs-2"> <a href="img/128.jpg" class="thumbnail"> <img src="img/thumbnails/128.jpg"> </a> </div> <div class="col-xs-2"> <a href="img/129.jpg" class="thumbnail"> <img src="img/thumbnails/129.jpg"> </a> </div> <div class="col-xs-2"> <a href="img/130.jpg" class="thumbnail"> <img src="img/thumbnails/130.jpg"> </a> </div> </div> </div> <script> document.getelementbyid('links').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> does have idea of can happening here. in advance!
you have typo: change
<img src="img/tumbnails/125.jpg"> to (add 'h')
<img src="img/thumbnails/125.jpg"> :)
Comments
Post a Comment