Bootstrap Image Gallery using Blueimp is not working -


i trying add image gallery feature on bootstrap framework website.

i using blueimp gallery. problem doesn't show images shows next , previous buttons. please me.

here html code:

<div id="blueimp-gallery" class="blueimp-gallery">     <!-- container modal slides -->     <div class="slides"></div>         <!-- controls borderless lightbox -->             <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>             <!-- modal dialog, used wrap lightbox content -->         <div class="modal fade">             <div class="modal-dialog">                 <div class="modal-content">                     <div class="modal-header">                         <button type="button" class="close" aria-hidden="true">&times;</button>                         <h4 class="modal-title"></h4>                         <div id="links">                            <a href="images/1.jpg" title="banana" data-gallery>                            <img src="images/thumbnails/1.jpg" alt="banana">                            </a>                            <a href="images/2.jpg" title="apple" data-gallery>                            <img src="images/thumbnails/2.jpg" alt="apple">                            </a>                            <a href="images/3.jpg" title="orange" data-gallery>                            <img src="images/thumbnails/3.jpg" alt="orange">                            </a>                           </div>                      </div>                 <div class="modal-body next"></div>                     <div class="modal-footer">                         <button type="button" class="btn btn-default pull-left prev">                         <i class="glyphicon glyphicon-chevron-left"></i>                         previous                         </button>                         <button type="button" class="btn btn-primary next">                         next                         <i class="glyphicon glyphicon-chevron-right"></i>                         </button>                 </div>             </div>         </div>     </div> 

put div element #link id outside of entire code.

here bootstrap blueimp:

https://github.com/blueimp/bootstrap-image-gallery


Comments

Popular posts from this blog

twig - Using Twigbridge in a Laravel 5.1 Package -

jdbc - Not able to establish database connection in eclipse -

Kivy: Swiping (Carousel & ScreenManager) -