Forum-webmaster
Technique - programmation => Javascript / DOM / Ajax => Message commencé par: lolocool le le 18-08-2011 a 18:34:09

Titre: [Résolu] Problème Quicksand et Colorbox
Posté par: lolocool le le 18-08-2011 a 18:34:09

Bonjour,
Je fais des tests avec Quicksand et Colorbox.
Quand on arrive sur la page, les deux plugins marchent, mais dès que l'on clique pour réorganiser les images (avec Quicksand), colorbox ne marche plus.
J'ai fait un test ici avec le modèle du site quicksand : http://www.pixipop.ca/quicksand/
Merci !

Titre: Re: Problème Quicksand et Colorbox
Posté par: Pad le le 18-08-2011 a 19:00:40

il faut relancer la fonction colorbox après l'execution de ta fonction quicksand

Titre: Re: Problème Quicksand et Colorbox
Posté par: lolocool le le 18-08-2011 a 19:10:32

C'est bien ce que j'ai fini par comprendre en cherchant sur le web.
J'essaie des codes mais pour l'instant ça marche pas.
Merci en tout cas....

Titre: Re: Problème Quicksand et Colorbox
Posté par: lolocool le le 18-08-2011 a 21:26:19

je suis vraiment perdu .......
Je vois bien qu'il faut relancer Colorbox, mais ou et comment c'est une autre histoire.
Je ne suis pas très fort en javascript.


Titre: Re: Problème Quicksand et Colorbox
Posté par: Pad le le 19-08-2011 a 00:40:46

d'après le code de ton exemple, la modification à faire se situe dans main.js, le fichier du script quicksand.

Ligne 108 : $list.quicksand($sorted_data, $preferences);

remplacer par :

Code:

$list.quicksand($sorted_data,
{
duration: 800,
easing: 'easeInOutQuad',
adjustHeight: false,
}, function() { // callback function
$(".lien").colorbox({width:"500px", height:"500px", iframe:true});
}
);


Tu peux aussi supprimer les lignes 56 à 60. Normalement cela devrait fonctionner. D'ailleurs en regardant le site qui distribue le script quicksand y'a un paragraphe spécial pour ce soucis : "Integration with other plugins" ;)

Titre: Re: Problème Quicksand et Colorbox
Posté par: lolocool le le 19-08-2011 a 02:15:35

Ça marche!!!!!!
Mille fois merci.

En même temps ça m'a fait passer deux jours sur le javascript et vu que c'est le seul langage web que je ne maitrise pas, c'est pas du temps perdu.
Je n'étais pas loin, j'ai vu ce qu'il y a sur le site (Integration with other plugins), mais je l'avais pas mis au bon endroit.

Pourtant, j'avais trouvé ceci : https://github.com/razorjack/quicksand/issues/32
Ça aurait dû me mettre sur la voie, il change le code au même endroit que toi.

je décortique tout ça......

Encore merci


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.