Version complète: sur le forum Webmaster Hub : Réinitaliser Imagebox après une requête ajax.
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > AjaX et JavaScript
Tch3tch
Bonjour!

J'ai une jolie galerie dont les images s'affichent dans une imagebox grace au plugin jQuery Interface.

Cependant lorsque j'appelle la galerie avec une requête AJAX, imagebox ne marche plus. J'ai juste les images qui s'affichent dans une page a par comme si j'avais mis href=truc.jpg de base.

Ma requête ajax en jQuery :

CODE

$(document).ready(function () {

$("a.load")
.click(function() {
$("#spipbox").load(this.href);
return false;
});

});



Et puis mon code pour appeler image box, classique :

CODE
<a href="truc.jpg" title="#TITRE" rel="imagebox-bw" ><img src="trucmini.jpg"></a>


Et mon code imagebox, classique aussi :

CODE
$(document).ready(
function()
{
$.ImageBox.init(
{
//le petit truc qui bouge quand ça charge
loaderSRC: 'loading.gif',
//Le logo de closage ou de fermeturage en bon françaisage
closeHTML: '<img src="imagebox/close.jpg" />'
}
);
}
);


Voilà!!

Merci d'avance!!
Tch3tch
J'ai trouvé des pistes, mais j'ai pas tout a fait compris, ou alors ça marche pas, mais le fait est que chez moi ça change rien!

http://www.mail-archive.com/discuss_AT_jqu...m/msg15509.html

ou

http://groups.google.com/group/jquery-en/b...ce1bfb932356c67

Voilà c'est tout ce que j'ai trouvé pour l'instant!

Merci d'avance!
captain_torche
Il faut tout simplement relancer la fonction qui se lance au chargement de la page.
Ca donnerait quelque chose du genre :
CODE
$(document).ready(function () {
$("a.load").click(function() {
$("#spipbox").load(this.href,
function() {
$.ImageBox.init({
//le petit truc qui bouge quand ça charge
loaderSRC: 'loading.gif',
//Le logo de closage ou de fermeturage en bon françaisage
closeHTML: '<img src="imagebox/close.jpg" />'
);}
);
return false;
});
});
Tch3tch
C'est ça merci!!!!!!!
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.