Gantry / JQuery personnalisé

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Gantry / JQuery personnalisé

    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...
    Cliquez sur l'image pour l'afficher en taille normale

Nom : header_gantry.jpg 
Affichages : 1 
Taille : 88,9 Ko 
ID : 1820070
    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.
    Dernière édition par Ry_Yo à 05/02/2014, 18h22

  • #2
    Re : Gantry / JQuery personnalisé

    Salut,
    firebug me dit que tu as oublié un :
    });
    à la fin de ton script qbeforeafter.js
    Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

    Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

    Commentaire


    • #3
      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... ?

      Commentaire


      • #4
        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é.
        Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

        Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

        Commentaire


        • #5
          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à...?
          Christophe
          http://www.webcrea.fr

          Commentaire


          • #6
            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

            Commentaire


            • #7
              Re : Gantry / JQuery personnalisé

              Effectivement il y a un problème de hauteur...
              Christophe
              http://www.webcrea.fr

              Commentaire


              • #8
                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 ?

                Commentaire


                • #9
                  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
                  Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

                  Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

                  Commentaire

                  Annonce

                  Réduire
                  Aucune annonce pour le moment.

                  Partenaire de l'association

                  Réduire

                  Hébergeur Web PlanetHoster
                  Travaille ...
                  X