Discussion :

[Marquo2]

Bonjour,
j'ai une application qui affiche en ajax un catalogue d'image et je voudrais au clic sur l'image l'afficher (avec un effet sympa).
Problème ça ne marche pas (alors que sans l'ajax oui mais je n'ai pas le choix), j'ai regardé sur le web et apparemment ça serait possible mais je n'ai rien trouvé sur le comment... Est-ce que qq'1 aurait une idée ?
Pour info l'exemple de code ci-dessous :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
<script type="text/javascript">
$(document).ready(function() {
$("a#image1").fancybox();
});
</script>
 
//image chargée en ajax
<a id="image1" href="image1.jpg"><img alt="image1" src="image1_petit.jpg" /></a>

[Shikiryu]

Ce serait bien aussi de nous montrer comment tu charges en ajax l'image.

Car je pense que le problème vient de là, tu n'attaches pas la fancybox à l'image à la fin de son chargement.

[Marquo2]

Voilà la traduction de l'affectation de l'image :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
document.getElementById("conteneur").innerHTML = "<a id='image1' href='image1.jpg'><img alt='image1' src='image1_petit.jpg' /></a>

[Shikiryu]

Alors, ajoute juste derrière :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
document.getElementById("conteneur").innerHTML = "<a id='image1' href='image1.jpg'><img alt='image1' src='image1_petit.jpg' /></a>";
$("a#image1").fancybox();

[Marquo2]

Super merci ça marche