nyanloutre/site-musique
1
0
Fork 0
Code Issues 2 Pull Requests Releases Wiki Activity

Popup Bootstrap

Browse Source
This commit is contained in:
Paul TREHIOU 2016-10-25 10:55:46 +02:00 committed by GitHub
parent 0f1e5c6bed
commit a9ecb94c26
1 changed files with 25 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
evenements.php
View File

@ -92,10 +92,14 @@
<!-- Wrapper for slides --> <!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox"> <div class="carousel-inner" role="listbox">
<div class="item active"> <div class="item active">
<a href="img/timeline/2016_Loto_11_novembre_affiche.jpg" id="popup"><img src="img/timeline/2016_Loto_11_novembre_affiche.jpg" alt="Affiche loto 11 Novembre"></a> <a href="#launch1" data-toggle="modal">
<img src="img/timeline/2016_Loto_11_novembre_affiche.jpg" alt="Affiche loto 11 Novembre">
</a>
</div> </div>
<div class="item"> <div class="item">
<a href="img/timeline/2016_novembre_02B_affiche_loto_meyenheim_light.jpg" id="popup"><img src="img/timeline/2016_novembre_02B_affiche_loto_meyenheim_light.jpg" alt="Détails loto 11 Novembre"></a> <a href="#launch2" data-toggle="modal">
<img src="img/timeline/2016_novembre_02B_affiche_loto_meyenheim_light.jpg" alt="Détails loto 11 Novembre">
</a>
</div> </div>
</div> </div>
@ -119,6 +123,25 @@
</ul> </ul>
<hr> <hr>
<a class="page-scroll" href="#contact">Renseignements et inscription</a> <a class="page-scroll" href="#contact">Renseignements et inscription</a>
<!-- Popup 1 -->
<section id="launch1" class="modal hide fade">
<div id="printThis">
<div class="modal-body">
<img src="img/timeline/2016_Loto_11_novembre_affiche.jpg">
</div>
</div>
</section>
<!-- Popup 2 -->
<section id="launch2" class="modal hide fade">
<div id="printThis">
<div class="modal-body">
<img src="img/timeline/2016_novembre_02B_affiche_loto_meyenheim_light.jpg">
</div>
</div>
</section>
</div> </div>
</div> </div>
</li> </li>
@ -168,13 +191,6 @@
<!-- Theme JavaScript --> <!-- Theme JavaScript -->
<script src="js/creative.min.js"></script> <script src="js/creative.min.js"></script>
<!-- Popup -->
<script>
$('#popup').magnificPopup({
type: 'image'
});
</script>
</body> </body>
</html> </html>