2

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

Salvador Dali
  • 214,103
  • 147
  • 703
  • 753

1 Answers1

8

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

Just add the blueimp-gallery-controls class.

Fiddle : http://jsfiddle.net/PrHVb/

HTML :

<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" data-use-bootstrap-modal="false">
BENARD Patrick
  • 30,363
  • 16
  • 99
  • 105