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

Share Improve this question Follow asked Mar 17, 2014 at 11:14 Salvador DaliSalvador Dali 223k151151 gold badges724724 silver badges765765 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 8

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">