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..
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