web-dev-qa-db-fra.com

Bootstrap popup d'image

J'utilise bootstrap et j'ai un bouton:

 <button type="button" class="btn btn-primary">Popup image</button>

J'ai une image dans le même répertoire et j'aimerais qu'elle s'affiche dans une sorte de superposition où l'arrière-plan est gris si cela est possible. Je suis habitué au javascript, donc normalement je ferais quelque chose comme onclick et j'appellerais une fonction qui le ferait. Mais en bootstrap je ne sais pas comment faire cela. Merci

javascripttwitter-bootstrappopup
12
user3443195

Vous pouvez faire quelque chose comme ça ..

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">Popup image</button>

<div id="myModal" class="modal fade" tabindex="-1" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-body">
            <img src="//placehold.it/1000x600" class="img-responsive">
        </div>
    </div>
  </div>
</div>

Démo: http://www.bootply.com/12344

21
Zim