I am using bootstrap image gallery (by blueimp) to enhance my images in bootstrap. I followed the tutorial outlined in the demo part from the repo and was able to get a nicely looking gallery.

I modified it a little bit to get rid of modal dialog (as in author's borderless example). Everything works almost perfect (here is my simplified fiddle). The only problem is that I have no controls when I just click on a small preview. Only when I click later on the original image - controls appear on the screen.

I assume that I am missing something really simple, like showStartingControlls = true; :-), but I can not figure this out.

Would be very grateful if someone can look into this problem

I am using bootstrap image gallery (by blueimp) to enhance my images in bootstrap. I followed the tutorial outlined in the demo part from the repo and was able to get a nicely looking gallery.

I modified it a little bit to get rid of modal dialog (as in author's borderless example). Everything works almost perfect (here is my simplified fiddle). The only problem is that I have no controls when I just click on a small preview. Only when I click later on the original image - controls appear on the screen.

I assume that I am missing something really simple, like showStartingControlls = true; :-), but I can not figure this out.

Would be very grateful if someone can look into this problem

• javascript
• twitter-bootstrap
• bootstrap-image-gallery

1 Answer 1

The doc : https://github./blueimp/Gallery/blob/master/README.md#controls

Just add the blueimp-gallery-controls class.

Fiddle : http://jsfiddle/PrHVb/

HTML :

<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" data-use-bootstrap-modal="false">