Bonjour,

j'ai un problème avec Zoombox et ajax et jquery..
Je ne comprend pas pourquoi mon image Zoombox créer par Ajax ne marche pas avec zoombox..

Voici mes codes :
Voici xml.js :

$(function(){
    $.ajax({
        type: "GET",
        url: "site.xml",
        dataType: "xml",
        succes: function(xml){
            $(xml).find('video').each(function(){
                var id = $(this).attr('id');
                var titre = $("this").find('titre').text();
                var url_image = $("this").find('image').text();
                var url_video = $("this").find('video_url').text();
                $('<div class="video" id="link_' + id + '"></div>').html('<a href="images/' + url_video + '" rel="zoombox" title="test"><img src="images/' + url_image + '" alt="test" /></a>').appendTo('#Div_XML');
            });
        }
    });
});

Voici site.xml :

<sites>
    <video id="4">
        <titre>bjr</titre>
        <image>menu1.jpg</image>
        <video_url>menu2.jpg</video_url>
    </video>
</sites>

et voici mon html (HEAD) :

<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/xml.js"></script>
<script type="text/javascript" src="Zoombox/zoombox.js"></script>
<link href="Zoombox/zoombox.css" rel="stylesheet" type="text/css" media="screen" />
</head>

Voici mon BODY :

<div id="Div_XML"></div>

Je tient a precisé que avec un lien normalement ecrit et non generer par XML zoombox marche..

8 réponses


Up s'il vous plait j'en ai vraiment besoin... :D
merci a ceux qui repondront

Met $(this) au lieux de $("this")
Il manque un s à succes:

J'ai reussi mais je en sais pas comment faire pour que chaque image s'ouvre avec zoombox..

Hello,
Si tu as la dernière version, il faut ajouter dans ton code javascript certaines conditions : http://www.grafikart.fr/zoombox/howto
Si tu as l'ancienne version, normalement un lien avec l'attribut rel="zoombox" suffira.
Voilà :p

J'ai enfin reussi, j'ai utiliser $.zoombox.open(title) mais le probleme est que je voudrais faire une galerie, savez vous comment avec cette methode ?..
Merci beaucoup :D

Oui, rajoute dans ton lien ceci class="taclass zgallery1"
Puis après le success:fnc.. ajouter ceci:

complete:function(){
    $("a.taclass").zoombox();
}

Voilà :p

Oui mais non car zoombox est appelé en public

Mmmh? Je ne comprends pas...