Gantry / JQuery personnalisé

[Ry_Yo]

Bonjour à tous,

Je suis entrain d'essayer de faire marcher un petit bout de JS (avec JQuery) avec le framework Gantry.

Sur le lien ci-dessous, mon test d'utilisation d'un effet before/after.... :
http://www.sunnyberry.fr/test/

Sur le lien ci-dessous, le test d'implémentation de ma page dans joomla via le framework Gantry :
http://www.sunnyberry.fr/index.php/n...ns/avant-apres

En PJ le screen montrant que l'ajout s'est fait correctement...

Si on inspecte cette page, vous verrez que le code JS a bien été rajouté à la page... sauf que rien ne s'affiche.

Est-ce que quelqu'un aurait une idée ?

Merci de votre aide.

[ghazal]

Re : Gantry / JQuery personnalisé

Salut,
firebug me dit que tu as oublié un :

});

à la fin de ton script qbeforeafter.js

[Ry_Yo]

Re : Gantry / JQuery personnalisé

Bonjour,

Merci de votre aide, j'ai rajouté la balise fermante... mais nan, ça change rien... (j'ai bien vidé le cache avant de tester)

hmm.... bizarre... est-ce que c'est une incompatibilité Mootools / JQuery... ?

[ghazal]

Re : Gantry / JQuery personnalisé

Non pas de conflit jquery/mootools.
Les scripts sont bien placés.
Mais tu as un pb au niveau du path/chemin des images.
Regarde de ce coté.

[webcrea]

Re : Gantry / JQuery personnalisé

dans le premier script tu as

<div class="beforeafter">
<img src="1b.jpg" alt="Avant travaux" width="1000" height="700"/>
<img src="1a.jpg" alt="Arpès travaux" width="1000" height="700"/>
</div>

<div class="beforeafter">
<img src="2b.jpg" alt="Avant travaux" width="1000" height="700"/>
<img src="2a.jpg" alt="Arpès travaux" width="1000" height="700"/>
</div>

<div class="beforeafter">
<img src="102.jpg" alt="Avant travaux" width="1000" height="700"/>
<img src="101.jpg" alt="Arpès travaux" width="1000" height="700"/>
</div>

et c'est ton script qui monte les div complémentaires pour l'effet mais quand je regarde le code les div sont déjà là...?

[Ry_Yo]

Re : Gantry / JQuery personnalisé

Bonne remarque ! C'est le script qui complète les div. et dans ma hâte de tester, j'avais créer un article avec le code HTML de la page généré....

Du coup j'ai regénéré un article avec le code HTML et je remarque donc que le script ne complète pas du tout mes DIV...

Maintenant les images s'affiche mal, mais elle s'affiche...
Cela mets en évidence que mon script intégré à Gantry ne s’exécute pas... je vais chercher donc de ce côté là...


Le problème avance mais n'est pas résolu

[webcrea]

Re : Gantry / JQuery personnalisé

Effectivement il y a un problème de hauteur...

[Ry_Yo]

Re : Gantry / JQuery personnalisé

Bonjour à tous,

je reviens vers vous... après petite bidouille... mon script ne s'exécute pas systématiquement.... je n'arrive pas à comprendre pourquoi...

Alors voici ce que je constate :
1 - je tape dans le navigateur : www.sunnyberry.fr
2 - je vais dans le menu "Nos réalisations" / "Avant/après"

--> Pas d'exécution du JS donc pas d'image....

3 - je rafraichis la page, pas d'effet non plus....
4 - je clic sur le titre de l'article "Avant/Après", le JS se charge et lance l'effet before/after...


Autre scénario...
1 - je tape dans le navigateur : www.sunnyberry.fr
2 - je vais dans le menu "Contact"
3 - je clic sur le lien "http://www.sunnyberry.fr"
4 - je vais dans le menu "Nos réalisations" / "Avant/après"

--> le script s'exécute sans souci....

je n'y comprends plus rien....

Une idée ?

[ghazal]

Re : Gantry / JQuery personnalisé

Salut,
il me semble que tu n'es pas le seul à avoir eu besoin de ce type d'effet :

Before/After - Joomla! Extensions Directory

http://extensions.joomla.org/extensions/photos-a-images/images/image-overlay/26393