CODEWITHSUNDEEP
javascripttwitter-bootstrapbootstrap-image-gallery
Salvador Dali
Salvador Dali

Reputation: 222751

Bootstrap image gallery, failing to show starting controls

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

Upvotes: 2

Views: 2521

Answers (1)

BENARD Patrick
BENARD Patrick

Reputation: 30985

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

Upvotes: 8

Related Questions