Hallo alle zusammen,
ich habe ein kleines Problem.
Und zwar möchte ich mit Bootstrap mehrere Modals erstellen.
Ich habe ein kleines Bild wenn ich darauf klicke öffnet sich ein Modal von Bootstrap in dem das Bild angezeigt wird.
Dann habe ich ein zweites Modal wo ein anderes Bild angezeigt werden soll. Jedoch wird dort immer das Bild vom ersten Modal angezeigt.
Eine Idee woran das liegen kann?
hier der Code:
HTML
<div class="center-block"> <div class="row"> <div class="col-sm-6 col-md-4"><a class="thumbnail"><img src="img/firmenSchild.JPG" alt="firmenSchild" width="200" height="300" data-toggle="modal" data-target="#myModal"/> <div id="myModal" role="dialog" <="" body="" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" data-dismiss="modal" class="close">×</button> <h4 class="modal-title">Studio</h4> </div> <div class="modal-body"><img src="img/firmenSchild.jpg" alt="firmenSchild" width="300" height="500" class="img-responsive center-block"/></div> <div class="modal-footer"> <button type="button" data-dismiss="modal" class="btn btn-default">Close</button> </div> </div> </div> </div></a></div> </div> <div class="row"> <div class="col-sm-6 col-md-4"><a class="thumbnail"><img src="img/tattoStudio.JPG" alt="tattoStudio" width="500" height="300" data-toggle="modal" data-target="#myModal"/> <div id="myModal" role="dialog" <="" body="" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" data-dismiss="modal" class="close">×</button> <h4 class="modal-title">Studio Bild 2</h4> </div> <div class="modal-body"><img src="img/tattoStudio.jpg" alt="tattoStudio" width="898" height="650" class="img-responsive center-block"/></div> <div class="modal-footer"> <button type="button" data-dismiss="modal" class="btn btn-default">Close</button> </div> </div> </div> </div></a></div> </div></div>