[Résolu] [Bootstrap] Zoom sur une image de caroussel

Bonjour,

Je coince sur un point dans mon site : je fais un tuto en caroussel, donc texte dans la colonne de gauche et image dans la colonne de droite. Jusque là, tout fonctionne. Près de mon image, je dois mettre une icône pour zoomer cette image. J'ai un doute sur ce qu'il faut utiliser : gallery ou modal ?
J'ai essayé avec Modal, mon code fonctionne bien quand je suis en dehors du div carousel mais quand je le colle au bon endroit sous l'image de mon caroussel ça ne fonctionne plus : le fond de l'écran se grise mais le modal ne s'affiche pas.

Voici le code :

								<a data-target="#modal1" data-toggle="modal"><img src="images/zoom.png"></a>								
<div class="modal fade" id="modal1">
	<div class="modal-dialog modal-md">
		<div class="modal-content">
			<div class="modal-header">
				<button class="close" data-dismiss="modal">&times;</button>
			</div>
			<div class="modal-body">
				Body
			</div>
		</div>
	</div>
</div>

Merci pour votre aide, comment fait le zoom sur cette image.
Bonne journée
Marine

Il faut écrire le code du modal en dehors du carousel et ça fonctionne.