We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 23050
    • 1,842 Posts
    Helio, j’ai vu ton fichier maketable.class.php. Au delà du fait que c’est un peu du chinois tout ce php, n’est-il pas possible de faire un truc plus simple ?

    J’avais imaginé dupliquer ta fonction renderJsHeader dans mooshow.inc.php pour faire la fonction renderJsAlternative et construire la galerie sur la base :

    <ul>
      <li><a href=""><img src=""></a></li>
    </ul>


    avec les li qui se construisent sur le même principe que le newArray du js

    Je n’en suis qu’aux prémisses car je déchiffre tout le code ^^ mais est-ce que ça te semble faisable ?
    Là où je vais bloquer, c’est comment afficher ce code html dans le body et non dans le head.

    Edit :
    Voici la fonction en question
    	function renderJsAlternative($galleryName,$galleryImages){
    		   global $modx;		
    		   		$jsAltOutput =  "<div id=\"moogallery-jsalt\">\n";
    				$jsAltOutput .= "<ul>\n";
    				foreach($galleryImages as $imageInfo){				
    					$jsAltOutput .=  "<li><a href=\"#\"><span class=\"pic-mini\"><img src=\"'".$modx->config['site_url'].$this->pathToImg."/$imageInfo[name]'\"</span><span class=\"pic-big\"><img src=\"'".$modx->config['site_url'].$this->pathToImg."/$imageInfo[name]'\"</span></a></li>\n";
    					}
    				$jsAltOutput .=  "</ul>\n";
    				$jsAltOutput .=  "</div> \n";
    					
    				$this->insertHeader($jsAltOutput);
    	
    	//return $jsAltOutput;
    		
    	}


    Elle construit la liste d’images. J’ai fait au plus simple.
    Il reste à afficher cette galerie dans le body, la styler via css, et voir comment gérer les miniatures car pour l’instant, on appelle une unique image grand format (comme dans la version js de moo d’ailleurs). Il faudrait donc spécifier un width (pour l’image avec la class .pic-mini pour générer les miniatures ?

    Edit 2 : Ah ben tiens, en relisant, j’ai vu la ligne $this->insertHeader($jsAltOutput); si je la supprime où s’affiche $jsAltOutput ?
      • 11975
      • 2,542 Posts
      La class makeTable est là pour la partie admin qui ne fonctionne pas pour l’instant.

      Pour ton rendu, il n’y a aura aucune difficulté.
      $imgdata = $this->getImagesList($this->pathToImg, $this->galleryName);
      //retourne les infos des images de la galerie dans un tableau

      j’ai presque fini, il suffira de mettre à jour la classe
      et de rajouter dans le chunk mooGallery un placeholder [+mooNoJS+] qui contient la liste <ul> des images et leurs infos

      :-)
        Made with MODx : [url=http://www.copadel.com]copadel, fruits et l
        • 11975
        • 2,542 Posts
        Voici la classe modifiée
        Pensez à rajouter [+mooNoJS+] dans votre chunk mooGallery

        EDIT: demo à jour --> http://dixsix.fr/contribs/mooshow-meets-modx.php
          Made with MODx : [url=http://www.copadel.com]copadel, fruits et l
          • 6726
          • 7,075 Posts
          Waow, Excellent grin
            .: COO - Commerce Guys - Community Driven Innovation :.


            MODx est l&#39;outil id
            • 18219
            • 826 Posts
            Quote from: davidm at Sep 18, 2006, 07:35 AM

            Waow, Excellent grin
            Quand Helio s’y met il ne fait pas dans la dentelle wink
            C’est un excellent travail qu’il produit. Perrine et moi, nous restons dans l’expectative sans vraiment apporter notre contribution wink
              Marc
              I&#39;m French... Sorry for my bad English, I use &#39; Google Translator&#39; or other... but that remains that tools wink
              • 23050
              • 1,842 Posts
              C’est vrai Marc laugh J’avoue que j’essaie d’apporter une modeste contribution mais Helio bosse trop vite pour moi ! Et là où je mets une heure pour sortir un semblant de code, Helio me sort un "Pour ton rendu, il n’y a aura aucune difficulté."

              Ma foi, tant mieux ! grin

              Voici en attendant ce que j’ai réussi à faire grâce à son noscript : -http://www.architecture-gambino.com/v2/index.php?id=3 (pensez à désactiver le js... pas encore testé sous IE)

              Reste encore quelques améliorations à apporter : l’appel de l’image centrale au chargement de la page n’est pas dynamique... Comment afficher une image parmi les 3 (chiffre fixe) que j’aurai dans mon dossier ?

              Dans la version noscript, je crois qu’il va falloir que je désative "agrandir l’image" car je ne sais pas comment indiquer l’image à agrandir. Je mettrai le lien dans le href des images mini.
                • 23050
                • 1,842 Posts
                Helio, dans le fichier modifié par tes soins mooshow.1.04.js à la ligne 76, il y a
                '<script></script>';

                Est-ce une subtilité du js ou faudrait-il mettre l’ouverture du script au début de la ligne 57 ?

                Je suis en train de construire le top_Nav à partir des images (au lieu de cliquer les numéros, on clique la miniature), j’espère m’en sortir et vous montrer ça rapidement ^^

                Edit : j’y suis presque mais je ne sais pas comment récupérer le nom de mon image tongue

                Li 225 de mooshow.1.04.js, j’ai mis :
                this.topNavContent = this.topNavContent + ' <a href=\''+this.currenturl+'#'+i+'\' onClick=\'mooShows[&#39;'+showName+'&#39;].jumptoImage('+i+');\'><img src=\'assets/snippets/mooshow/images/next.gif\'  /></a>';}

                mais il faut remplacer <img src=\’assets/snippets/mooshow/images/next.gif\’ /> par l’adresse de l’image en question.
                Si on arrive à faire ça, on peut alors naviguer en utilisant les miniatures comme liens, au lieu des 1, 2, 3 ... comme la gallerie de aquavision smiley

                Edit 2 :
                J’ai essayé
                <img src=\''+photoArray[i][0]+'\' width=\'50\' height=\'47\'  />

                mais c’est pas encore ça... ah la la, que j’aimerai lire le js comme je lis le html lol
                  • 11975
                  • 2,542 Posts
                  @Perrine:

                  Désolé de pas t’apporter de réponse mais je bosse encore dessus et j’ai plus toutes les modifs que j’ai faite.
                  Pour le js, je pense pas avoir modifié quoique ce soit hormis pour currentUrl (pour contrer le base href).


                  J’ai réussi à finir le backend: un affichage de la liste des fichiers contenus dans le répertoire de destination.
                  Ca ressemble à çà.



                  Je poste la version à jour le temps de vérifier la question du cache.
                    Made with MODx : [url=http://www.copadel.com]copadel, fruits et l
                    • 23050
                    • 1,842 Posts
                    Pas de souci Helio wink Comme dit plus haut, c’est juste ma manière de participer mais si j’ai pas les réponses aujourd’hui, je les aurai surement plus tard !

                    Bravo pour le backend. Une de mes prochaines questions étaient justement de savoir comment étaient déterminés les différents éléments de l’image (description, auteur, etc...). J’ai ma réponse !

                    Il me tarde de voir tout ça fini ! wink
                      • 11975
                      • 2,542 Posts
                      Les données sont celles de l’image (titre, taille, etc ...) ==> IPTC
                      Pour l’instant, on ne peut pas les éditer, je ne connais pas de fonction php pour ecrire ces infos dans l’image.

                      Pour l’administration, je doute d’aller bcp plus loin.

                      :-)

                      @tous merci de votre soutien.


                      Voici la version avec le backend.

                      ///// FONCTIONNEMENT
                      Je n’ai réussi à le faire fonctionner qu’avec les réglages suivants
                      Le snippet est appelé [[]]
                      Le cache de page est décoché / désactivé.

                      Le code du chunk mooGallery

                      <div id="[+id+]" class="[+class+]">
                      [+speed+]
                      [+fadeSpeed+]
                      [+topNav+]
                      [+overlayNav+]
                      [+dropShadow+]
                      [+captions+]
                      [+border+]
                      [+copyright+]
                      [+IPTCinfo+]
                      </div>
                      [+galleryOutputTable+]
                      [+mooNoJS+]

                        Made with MODx : [url=http://www.copadel.com]copadel, fruits et l