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

Popular posts from this blog

IF statement in MySQL trigger -

c++ - What does MSC in "// appease MSC" comments mean? -

javascript - Blogger related post gadget image Resize s72-c [ Need Expert Help ] -