Bonjour à tous,
je suis en train de programmer un site et j'ai besoin d'une galerie pour les images.
J'utilise jQuery pour le javascript ainsi que le plugin lightbox. J'ai donc fait une fonction "afficher/masquer" dans laquelle se trouve ma "galerie" (
mon site).
Comme vous pouvez le constater, quand on clique sur une image, celle-ci s'affiche bien dans la fenêtre de la lightbox, mais le tout derrière la vidéo !
J'ai passé un petit moment à chercher et je ne trouve vraiment pas ...
J'ai déjà essayé avec les z-index mais sans succès.
Voici quelques bouts de mon code :
Code HTML :
<script type="text/javascript">
$(document).ready(function() {
$("#bande").click(function() {
$("#to_hide").slideToggle("slow");
});
});
</script>
<img id="bande" style="none" src="../images/bande_multimedia.png" alt="bande" />
<div id="to_hide" style="display:none;">
<br />
<div id="video">
<center>
<?php echo $donnees['video']; ?>
</center>
</div>
<br />
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>
<div id="gallery">
<center>
<table>
<tr>
<td><a href="<?php echo $donnees['image1']; ?>"><img src="<?php echo $donnees['image1']; ?>" alt="<?php echo $donnees['image1']; ?>" width="200" height="150" /></a></td>
<td><a href="<?php echo $donnees['image2']; ?>"><img src="<?php echo $donnees['image2']; ?>" alt="<?php echo $donnees['image2']; ?>" width="200" height="150" /></a></td>
<td><a href="<?php echo $donnees['image3']; ?>"><img src="<?php echo $donnees['image3']; ?>" alt="<?php echo $donnees['image3']; ?>" width="200" height="150" /></a></td>
</tr>
</table>
</center>
</div>
</div>Voilà, j'aimerai avoir votre avis. Cordialement
