Discussion :

[vbaguet]

Bonjour à tous,

J'utilise Zoombox sur plusieurs de mes sites depuis 2 ans, et ça a toujours correctement fonctionné. Je procède toujours de la même façon et bizaremment cette fois-ci rien ne fonctionne.
Les fichiers zoombox sont en place, tous mes appels sont bons, aucune erreur dans la console et pourtant rien.

Alors je fais appel à vous, je ne comprend vraiment pas d'où peut venir le problème...

Voici le lien du site

Lorsque vous cliquerai sur l'une des categories, vous verrez 4 images, ces 4 images possèdent la class "zoombox", mais rien ne fonctionne...

Merci de votre aide (Tout le code source est disponible en clic droit)

[lemirandais]

Je pense que ton soucis est que ton site est trop ajaxé et donc, quand tu recharge la page (en gros quand tu appelles les photos), ces dernière ne sont pas initialiser avec le zoombox. Je sais pas si je suis 100%clair.
En gros, quand tu appelles les nouvelles photos, tu dois initialisé les class zoombox que tu affiches.
Je pense que cela vient de l'ajax.

lemirandais

[vbaguet]

J'ai essayé aussi de mettre l'appel zoombox lors de l'affichage de la catégorie, mais rien n'y fait...

Je vois pas trop le problème, il y a des sites bien plus chargé en Ajax et sur lesquels ça fonctionne... Peut-être est-ce mon code JS qui n'est pas optimisé...

[Bovino]

Comme te le fais remarquer lemirandais, lorsque tu exécutes ton script zoombox, il s'exécute pour les éléments présents dans la page.
Un script ne fait ni de voyance ni de prédiction, donc si tu ajoutes des éléments après avoir exécuté ta fonction, ces éléments ne seront pas pris en compte, sauf si tu le demandes après l'ajout.

[vbaguet]

J'ai fait comme ceci, mais toujours rien...
Cela ne m'ajoute même plus la classe zoombox...

Code :

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

1
2
3
4
5
6
7
8
9
 
$("a.category").click(function() {
		$('#english').hide();
		$('#french').hide();
		var url = "pages/" + ($(this).attr("href")).substr(1) + ".html";
		$('#gallery').load(url).show();
		$("#gallery a").addClass("zoombox");
		$("#gallery a").zoombox();
	});

Si vous avez une solution à me donner ca serait sympa, je galère depuis hier...

[lemirandais]

Je vais peut-être dire une connerie, mais ce n'est pas plutôt

Code javascript :

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

$("#gallery a.zoombox").zoombox();

Cela fait un bon bout de temps que je n'ai plus utilisé le plugin de jonathan (grafikart).

lemirandais

[vbaguet]

Rien ne fonctionne !

Je deviens fou

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
$(document).ready(function() {
 
	$("#language-selection a").click(function() {
		$("article").hide();
		$($(this).attr("href")).show();
	});
 
	$( window ).load( function(){
		$("#home").fadeIn(2000);
	});
 
 	$("#main-navigation a").click(function() {
  		$('#home').fadeOut(1500);
		$("#topmenu").show();
		$("#language-selection").show();
		$($(this).attr("href")).fadeIn(2000);
 	});
 
	$(function() {
		var links = $(".category");
		links.hover(function(e){
			links.addClass("hover");
			$(this).removeClass("hover");
		},function(){
			links.removeClass("hover");
		});
	});
 
	$('.container a').each(function(){
		var title = $(this).find("img").attr("alt");
		$(this).find("span").text(title);
	});
 
	$("#topmenu ul li a").click(function(e) {
		$(".current").removeClass("current");
		$(this).addClass("current");
	});
 
	$("a.category").click(function() {
		$('#english').hide();
		$('#french').hide();
		var url = "pages/" + ($(this).attr("href")).substr(1) + ".html";
		$('#gallery').load(url).show();
		$("#gallery a").addClass("zoombox");
		$('#gallery a.zoombox').zoombox();
	});
 
});

D'autres idées ?

[lemirandais]

Je ne vois pas d'où pourrait venir ton problème. Question con, charge tu correctement tes scripts, jquery en 1er, scriptn°1 en 2ème ..... (ne le prend pas mal, mais j'ai aidé ce matin un débutant en jquery qui chargeait ces scripts persos dépendant de jquery avec de charger jquery).
J'ai jamais utilisé ajax de cette manière car j'aime pas trop le site dans ce genre (perte de reférencement, pas d'enregistrement dans les favoris possible (accès direct à une page précise....)

Bon courage
lemirandais


NB, j'ai trouvé
Regarde mon imprim ecran


En gros, tu n'as pas de class zoombox

[vbaguet]

Code html :

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

1
2
3
4
<!-- JQUERY -->
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="zoombox/zoombox.js"></script>
<script type="text/javascript" src="js/functions.js"></script>

[lemirandais]

Regarde la réedition de ma dernière réponse, tu n'as pas de class="zoombox" qui se sont mis en place

[vbaguet]

Oui les lignes suivante ne semble pas fonctionner :

Code :

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

1
2
3
 
$("#gallery a").addClass("zoombox");
$('#gallery a.zoombox').zoombox();

Et même en ajoutant manuellement la classe zommbox a chaque image ca ne fonctionne pas...

[lemirandais]

Dis moi, tu ne peux pas mettre les class zoombox en dur? (dans le fichier que tu appelles comme tu fais pour gallery-mini?


lemirandais

[vbaguet]

Si j'ai deja testé mais rien n'y fait...

[lemirandais]

Si j'étais toi j'irais voir directement chez le concepteur. Mais je reste persuadé que zoombox planté à ce niveau à cause de l'ajax, comme je disais au tout début.
Zoombox arrive à détecter les zoombox écris en dure, et pas ce charger, regarde dans la doc si tu n'as pas quelle chose à activer dans la fonction load.

Bon courage.
lemirandais

[vbaguet]

J'ai trouvé !! Le problème était la version de jquery. 1.9.1 ne fonctionnait pas, je suis revenu à la 1.7.2 ça fonctionne... Et avec la 2.0.0 ça ne fonctionne pas non plus. Si quelqu'un peut m'expliquer pourquoi...

En tout cas, merci du temps que tu as consacré à mon problème...