Aller au contenu
Support de Zwii

Messages recommandés

Module Gallery 2.0

Voir le fichier

module-gallery-2.0

 

Remplacement des images en pleine résolution, réduites visuellement et cropées, trop lourdes, voir impossibles, à charger, par des vignettes légères créées à la volée et mises en cache.

 

Au premier affichage de la galerie, le script corrige éventuellement le nom, l'orientation et la dimension des images puis créé les vignettes et les affiche, dès le second affichage les vignettes sont simplement affichées depuis le cache

 

Cette galerie 2.0 reprend l'affichage en cellules responsives de ZwiiCMS et la propriété css background-image du lien, la couverture de la boite se fait par "contain" au lieu de "cover" pour respecter l'affichage en orientation portrait, car plutôt que de vouloir absolument remplir une boite, l'affichage en entier toutes proportions respectées de la vignette a été privilégié. Pour limiter l'espace vacant, 3 vignettes sont affichées sur une ligne pour l'index, et 6 pour la galerie.

 

Le fonctionnement est identique à celui de la galerie d'origine écrite par @Rémi

 

Les couleurs de fond et de texte peuvent se modifier en ajoutant le css ci-dessous dans votre custom.css :

/* couleur des cases contenant les vignettes */
.galleryPicture, .galleryGalleryPicture {
	background-color: red !important;
}
/* couleur du fond et du texte des légendes */
.galleryName, .galleryGalleryName {
	background-color: green !important;
	color: white !important;
}

Utilisation :
Décompressez l’archive module-gallery-2.0.zip, elle contient un dossier module contenant un sous-dossier gallery, puis envoyez par FTP le dossier module à la racine de votre site sous ZwiiCMS, ceci aura pour effet de remplacer la galerie 1.2 d’origine.
Si vous souhaitez juste la tester puis revenir à l’utilisation de la galerie par défaut, grâce à votre logiciel client FTP, renommez le dossier gallery présent dans le dossier module de votre site en ligne avant d’envoyer par FTP la nouvelle galerie, vous pourrez ensuite la supprimer et renommer en gallery le dossier de la galerie par défaut préalablement renommé

 

Par défaut, cette galerie adopte la charte graphique de ZwiiCMS et se présente ainsi :

white.thumb.jpg.b9d534c36e23935d733ef2ef93cc2664.jpg

 

Il est possible et facile de modifier son aspect avec le CSS donné ci-dessus en exemple

 

Page d'accueil de la galerie avec une vignette survolée par la souris :

 

index.thumb.jpg.3423ab377cb1622917a5ac36ef1d7f6b.jpg

 

Page des vignettes cliquables de la galerie :

 

black.thumb.jpg.115cec12ed39c9b266c15c6e9604183a.jpg

 

La même page au survol d'une vignette :

 

black-hover.thumb.jpg.56eeb32e60bbfac7b70454bf7b0284a7.jpg

 

Affichage des noms d'images en lien vers la photo d'origine :

 

nommage-lien.thumb.jpg.1b1ba27381854f52c831a97f8a0d575c.jpg

 

 

 


 

  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites
il y a 27 minutes, mulanee a dit :

Sur un de mes sites, j'ai laissé l'accès à une autre galerie permettant la géolocalisation des photos (si évidemment l'exif est présent)

Ca serait un must d'avoir ça aussi dans ce module

 

Je ne sais pas si ça peut-être d'une grande utilité sur la galerie de ZwiiCMS ? Et comme tu le précises (si évidemment l'exif est présent), ce qui est loin d'être toujours le cas, sauf pour les photos brutes de décoffrage d'un APN si la géolocalisation des photos est effective, ce qui, la aussi, est loin d'être toujours le cas

Si il y a d'autres demandes dans ce sens, ça ne devrait pas être trop difficile à implémenter, mais ajouterait du code supplémentaire sur des pages déjà bien alourdies

Merci pour ce retour @mulanee

Partager ce message


Lien à poster
Partager sur d’autres sites
il y a une heure, Gilux a dit :

 

Je ne sais pas si ça peut-être d'une grande utilité sur la galerie de ZwiiCMS ? Et comme tu le précises (si évidemment l'exif est présent), ce qui est loin d'être toujours le cas, sauf pour les photos brutes de décoffrage d'un APN si la géolocalisation des photos est effective, ce qui, la aussi, est loin d'être toujours le cas

Si il y a d'autres demandes dans ce sens, ça ne devrait pas être trop difficile à implémenter, mais ajouterait du code supplémentaire sur des pages déjà bien alourdies

Merci pour ce retour @mulanee

Je trouve ça assez utile sur un blog, les gens peuvent visualiser précisément où la photo a été prise.

Pas des photos d'art bien sûr, mais des photos de voyage prises avec son téléphone par exemple.

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites
Il y a 23 heures, mulanee a dit :

J'aimerais bien avoir l'aspect des vignettes comme l'exemple plus haut, plus petites et coins arrondis.

Comment trouver les instructions css?

 

Pour arrondir les angles, ajoute border-radius et une taille en pixels ou en pourcentage aux classes CSS .galleryPicture et .galleryGalleryPicture dans ton custom.css

Pas mal la couleur bleue :)

/* couleur des cases contenant les vignettes */
.galleryPicture, .galleryGalleryPicture {
	background-color: #213b52 !important;
	border-radius: 5px;
}

Par contre les vignettes visibles sur les captures d'écran ci-dessus ne sont pas plus petites, elles sont en format 16/9, les tiennes sont en 4/3

Partager ce message


Lien à poster
Partager sur d’autres sites

Super 🙂

 

Comment trouver d'autres instructions css?

Par exemple changer les forme/dimension des étiquettes?

 

Quand on arrive directement à la galerie les vignettes sont beaucoup plus grandes que celle des photos de la galerie, est-ce qu'on peut diminuer cette taille?

Et aussi comment faire pour que le fond "entoure" la photo? Pour le cadrage vertical on voit le fond sur les côtés, pour l'horizontal on voit le fond en haut et en bas, comment voir le fond partout autour?

257142167_Capturedcran_2019-09-22_10-09-45.png.63a8f616d4ad664c12de0ab33f156180.png

Partager ce message


Lien à poster
Partager sur d’autres sites
Le 20/09/2019 à 19:22, mulanee a dit :

Ca serait un must d'avoir ça aussi dans ce module

 

J'ai regardé comment ils s'y prennent sur la galerie que tu cites, il s'agit d'une API Google avec 1 tonne de scripts et de CSS, je n'utiliserais pas cet API, je suis en train d'écrire et de tester quelque chose de beaucoup plus léger et affichant le résultat dans Open Street Map, présentant le gros avantage d'être dépourvu de tout traqueur. Car, évidemment, l'API Google fonctionne bien, et sans doutes mieux que ce que je pourrais écrire, mais au prix d'un pistage que tout le monde n'accepte pas

Je te tiendrais au courant de l'avancée des travaux sur la géolocalisation des photos dans la galerie

Partager ce message


Lien à poster
Partager sur d’autres sites
il y a 5 minutes, mulanee a dit :

Super 🙂

 

Comment trouver d'autres instructions css?

Par exemple changer les forme/dimension des étiquettes?

 

Quand on arrive directement à la galerie les vignettes sont beaucoup plus grandes que celle des photos de la galerie, est-ce qu'on peut diminuer cette taille?

Et aussi comment faire pour que le fond "entoure" la photo? Pour le cadrage vertical on voit le fond sur les côtés, pour l'horizontal on voit le fond en haut et en bas, comment voir le fond partout autour?

257142167_Capturedcran_2019-09-22_10-09-45.png.63a8f616d4ad664c12de0ab33f156180.png

 

On peut tout modifier, il suffit de reprendre les 2 fichiers CSS et les scripts de la galerie, il s'agit d'un travail de fond pour l'affichage de la galerie, pour lequel je demande d'autres avis mais aussi de l'aide, il y a des graphistes sur ce forum qui pourraient contribuer à faire avancer ce travail qui a pour ambition de proposer une galerie en remplacement de l'actuelle

 

En attendant, tu peux t'amuser à modifier les dimensions, ou tout autre chose, tu ne risque rien, et si ça plante il te suffit de remplacer le module par un tout neuf :)

 

il y a 14 minutes, mulanee a dit :

Pour le cadrage vertical on voit le fond sur les côtés, pour l'horizontal on voit le fond en haut et en bas, comment voir le fond partout autour?

 

Avec certaines tailles de photos et avec une certaine taille d'écran on ne voit pas de fond du tout, car ce sont les cellules responsives de ZwiiCMS qui sont utilisées pour l'affichage des vignettes, leurs dimensions étant donc plus ou moins grandes selon la taille d'écran, laissant apparaître plus ou moins de fond

Partager ce message


Lien à poster
Partager sur d’autres sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.


  • Contenu similaire

    • Par roger
      Mutigalerie Images Vidéos
      Voir le fichier * Compatibilité avec les versions les plus récentes du Zwii assurée (V9.x.xx) ainsi qu'avec les versions futures à venir.
       
      * le zip nommé "Mutigalerie.zip" est un peu lourd car il contient pas mal d'images et de dossiers d'exemple pour créer de multiple galerie immédiatementt exploitable sur votre site.
      Il peut, si vous le désirez, être allégé en supprimant les dossiers contenu dans le dossier nommé "MaGalerie". Ces dossiers sont "espace" "paysages" de m^me que vous pouvez aussi supprimer dans le dossiers "photo" les dossiers qui ne vous intéressent pas.
      *Pensez aussi à supprimer du dossier nommé "thumbs" les miniatures qui porte le nom des dossiers supprimés (exemple dossier paysage viré, enlever les miniatures portant le nom "photos_Paysage_nom du fichier")
       
       
       
      Ce module de galerie est basé sur le script "MinigalNano" abandonné par son auteur en 2010 et l'excellent travail de "SebSauvage" qui à repris le
      flambeau et amélioré ce script jusqu'en 2015. 
      https://sebsauvage.net/wiki/doku.php?id=accueil
       
      Ce module vous permettra d'afficher une galerie d'images et de fichiers sons/vidéo (format mp3 et mp4) qui pourront se trouver dans des dossiers à thème, les dits dossiers pouvant eux aussi comporter d'autres dossiers...
      Cette galerie vous ouvre ainsi une multitude d'utilisations différentes suivant les usages que chacun entend en tirer sur son site web;
       
      Il est ainsi possible d'utiliser la galerie dans un site sous Zwii comme ceci:
        - Agrémenter une page du site avec une galerie d'images ou de fichier vidéos/sons 
        - Permettre d'adjoindre à vos article de blog ou de news une ou des galeries différentes suivant vos humeurs créatives.
        - Utiliser le module de galerie dans une barre latérale d'un zwii
        - Utiliser ce module dans les gabarits (templates) de l'éditeur Tinymce.
        - Placer une ou plusieurs galeries si l'envie vous en prend dans le footer (bas de page de votre site)
        - Les galeries ont la possibilité de s'ouvrir par un simple lien, dans une fenêtre popup Lity, dans une Iframe, au clic sur une image
      Ainsi que tout autre utilisation possible et imaginable pour un tel type de module.

      🖼️ Au clic sur une miniature image (ou un dossier images) les images sont affichées dans les tailles responsives (ratio hauteur/largeur respecté),la fenêtre de visualisation de celle ci bénéficiant d'une barre de navigation pour aller à l'image suivant/précedente.
      🎨 Pour plus de commodité et uniquement pour les fichiers multimédias, ceux ci s'ouvre das une nouvelle fenêtre (onglet) de votre navigateur.
      * Formats audios vidéos supportés: .mp3 .mp4 .ogg(audio et vidéo) .webm
       
      L'archive à décompresser contient:
      - un dossier nommé "MaGalerie" (c'est le dossier qu'il faudra envoyer par FTP sur votre serveur). Il contient le script principal pour afficher votre galerie dans votre site ainsi que des sous dossiers et images pour que vous puissiez de suite utiliser celle ci.
      - un dossier nommé "Bonus Template Tinymce" (il contient un  "bonus" vous permettant d'utiliser le script depuis Tinymce dans le zwii)
      - le fichier d'aide que vous êtes en train de lire
       
      ## INSTALLATION ##
      Une fois l'archive dé-zippée sur votre pc, il vous suffit de d'envoyer à la racine de votre serveur web là où est installé votre site sous Zwii (ou dans le sous-dossier de votre site si Zwii est installé ainsi sur votre espace web) le dossier nommé "MaGalerie" en entier.
      C'est tout ce que vous avez à faire...
      * Je conseillerais d'envoyer ce dossier dans /site/data/ (ceci à cause des mises à jour possible du cms, donc tout ce qui se trouve dans le dossier data est lui normalement conservé)
      * Pour le dossier "Bonus Template Tinymce" un fichier texte situé dedans son dossier vous explique lui la procédure à suivre si vous désireriez utiliser "les deux gabarits (templates) fournis dans l'éditeur de texte du cms
       
      ## SUPPRESSION DU SCRIPT ##
      C'est tout simple, il vous suffit de supprimer le dossier "MaGalerie" ainsi que tout ce que vous avez crée dans votre site avec ce script... 
       
      ## USAGES DE LA GALERIE ##
      ⚠️ Information à retenir:
      Tout les exemples donnés ci dessous le sont depuis un dossier "MaGalerie" place dans un site Zwii lui même placé dans un sous-dossier à la racine de mon espace web, pensez donc à changer le chemin vers votre galerie si vous n'avez que le Zwii placé à la racine de votre propre espace web exemple:
      - A la racine de l'espace web : /site/data/MaGalerie/
      - Dans un sous dossier de mon espace web : /Mon_site_zwii/site/data/MaGalerie/
       
      - les fichiers renommés " integrate.php### " et " system_check.php### " peuvent être supprimés car non utililes au fonctionnement de la galerie dans le Zwii.
       
      ## Comment créer, lancer une ou des galeries ##
      A: Une simple galerie est composée d'un dossier où l'on envoie nos images et d'un fichier nommé index.php (qui peut être renommé à votre guise tout comme le dossier des images)
      (dans le dossier "MaGalerie" le dossier image est nommé "Photos" et le fichier qui le lance "index.php")
      B: Pour créer et appeler  plusieurs galeries différentes dans votre Zwii il suffit alors de créer autant de dossiers nécessaires pour recevoir vos photos et autant de fichier index.php avec pour chaque un nom différent de votre précédente galerie déjà en place.
      * Exemple dans le dossier de la galerie se trouvent deux dossiers et leurs fichiers nommés selon les prescriptions (autre noms pour chacun d'entre eux)
      ____________________________________________________________________________________
      |    Nom du dossier des images       -->     Nom du fichier en php qui lance la galerie     |
      |___________________________________________________________________________________|
      |                espace                               -->                  indexespace.php                                      |
      |               paysages                           -->                   indexpaysages.php                                 |
      |___________________________________________________________________________________|
       
      IMPORTANT:
      Le fichier nommé "config.php" contient tout vos réglages personnels pour l'affichage de votre galerie, pensez juste à le modifier à votre guise pour que votre galerie affiche par exemple un titre ou utilise l'un des template voulu, le fichier "config-default.php" contient lui les réglages de base de la galerie.
       
      ## LES UTILISATIONS POSSIBLES ##
       
      - Sous forme d'iframe dans une page:


       
      1° Commencez à rédiger le contenu de votre page avec l'éditeur en mode complet dans votre site
      2° Là où vous voulez placer l'Iframe de votre galerie, mettre l'éditeur en mode "Source" et copier ceci dedans:
       
      <p><iframe src="/ZwiiCMS-9015//MaGalerie/index.php" width="auto" height="450px" frameborder="0"></iframe></p>

      (pensez à modifier si besoin était le chemin menant vers le fichier comme expliqué plus haut suivant où est placé votre Zwii dans votre espace web)
       
      3° Vous pouvez ensuite revenir au mode d'édition "normal" dans l'éditeur tinymce si vous désirez "agrémenter" votre mise en page, puis enregistrer celle ci pour voir apparaître votre galerie dans une page de votre site
       
      - Avec une ouverture depuis une image cliquable et dans une fenêtre Lity:

      1° Dans l'éditeur de texte choisir une image qui servira de lien cliquable vers votre galerie (mode éditeur visuel)


       
      2° Cliquez sur votre image et choisir dans l'éditeur la fonction lien
      3° Indiquez le chemin vers le fichier index.php de votre galerie et choisir l'ouverture du lien dans une fenêtre "Lity"


      4° Vous pouvez enregistrer ensuite le résultat, au clic sur cette image, la galerie s'ouvrira dans une popup Lity..
       
      - Depuis un simple lien (avec ouverture dans la page ou dans un nouvel onglet):
      1° Créez votre lien sous forme de texte, surlignez le et choisissez "Lien" dans l'éditeur de texte. Ensuite faites comme pour un lien normal et donnez lui juste le chemin vars le fichier index.php de votre galerie.


       
      - dans une barre latérale:
      1° Ouvrir votre barre latérale (ou créez en une)
      2° Editeur en mode "Source" ajoutez l'adresse de l'image clicable qui menera à votre galerie comme ceci:
      <div class="block"> <h4>Dans une barre latérale</h4> <div class="container"> <p><a href="/ZwiiCMS-9015/site/data/MaGalerie/index.php" rel="data-lity"><img src="/ZwiiCMS-9015/site/file/source/4w8qjk.gif" alt="" width="320" height="132" /></a></p> </div> </div>  
      - (facultatif) Depuis un "template/gabarit" tinymce pour agrémenter vos articles de blog, news ou simple page de site:
      Rédigez votre article et choisissez comme vous le feriez en cliquant sur "+" dans l'éditeur de texte l'option "Gabarits" puis l'un des Templates proposés pour afficher votre galerie à droite ou à gauche dans votre texte..


       
      - dans le footer (bas de page) de votre site web Zwii:


       
      1° Servez vous de la personnalisation du bas de page pour ajouter dans la partie réservée "Contenu personnalisé" texte ou HTML pour ajouter ceci (éditeur en mode "source"):
      <p style="text-align: center;">Cliquez sur l'une des images pour voir notre galerie</p> <p><a href="/ZwiiCMS-9015/site/data/MaGalerie/index.php" rel="data-lity"><img style="display: block; margin-left: auto; margin-right: auto;" src="/ZwiiCMS-9015/site/file/source/silk_sheets.jpg" alt="" width="576" height="202" /></a></p>

      2° Vous pouvez aussi personnaliser l'affichage de votre footer avec les options proposées par le cms comme montré par la première image.

      Et tout un tas d'autres idées que vous pourriez avoir dont je n'aurais pas penser à leurs usages (exemple pour les plus téméraires en modifiant le fichier main.php si vous vouliez placer votre galerie dans ce qui est l'architecture de votre site sous Zwii comme dans le header, où dans le body etc...)
       
      Vous pouvez aussi visiter cette page du forum où l'aventure a commencé; elle contient des liens vers des exemples concrets de l'utilisation de ma galerie.
      * Revenez poster un petit commentaire ici sur l'utilisation de ce script, vous montrerez ainsi au développeur de celui tout l’intérêt de poursuivre ou améliorer sa version.
      Enjoy les amis.
       
      # IMPORTANT A LIRE #
      Vous reconnaissez qu'en utilisant ce script sur votre site être entièrement responsable en cas de problème quel qu'il soit après sa mise en œuvre, je ne pourrais donc être considéré en aucun cas comme responsable de cet état de fait.
      💡 Pensez alors à faire une sauvegarde intégrale de votre site, ceci vous permettrait alors de revenir en arrière en réinjectant celle ci et retrouver votre site web tel que vous l'aviez conçu avant utilisation du script ci dessus. 
      Contributeur roger Soumis 16/09/2019 Catégorie Modules  
    • Par roger
      * Compatibilité avec les versions les plus récentes du Zwii assurée (V9.x.xx) ainsi qu'avec les versions futures à venir.
       
      * le zip nommé "Mutigalerie.zip" est un peu lourd car il contient pas mal d'images et de dossiers d'exemple pour créer de multiple galerie immédiatementt exploitable sur votre site.
      Il peut, si vous le désirez, être allégé en supprimant les dossiers contenu dans le dossier nommé "MaGalerie". Ces dossiers sont "espace" "paysages" de m^me que vous pouvez aussi supprimer dans le dossiers "photo" les dossiers qui ne vous intéressent pas.
      *Pensez aussi à supprimer du dossier nommé "thumbs" les miniatures qui porte le nom des dossiers supprimés (exemple dossier paysage viré, enlever les miniatures portant le nom "photos_Paysage_nom du fichier")
       
       
       
      Ce module de galerie est basé sur le script "MinigalNano" abandonné par son auteur en 2010 et l'excellent travail de "SebSauvage" qui à repris le
      flambeau et amélioré ce script jusqu'en 2015. 
      https://sebsauvage.net/wiki/doku.php?id=accueil
       
      Ce module vous permettra d'afficher une galerie d'images et de fichiers sons/vidéo (format mp3 et mp4) qui pourront se trouver dans des dossiers à thème, les dits dossiers pouvant eux aussi comporter d'autres dossiers...
      Cette galerie vous ouvre ainsi une multitude d'utilisations différentes suivant les usages que chacun entend en tirer sur son site web;
       
      Il est ainsi possible d'utiliser la galerie dans un site sous Zwii comme ceci:
        - Agrémenter une page du site avec une galerie d'images ou de fichier vidéos/sons 
        - Permettre d'adjoindre à vos article de blog ou de news une ou des galeries différentes suivant vos humeurs créatives.
        - Utiliser le module de galerie dans une barre latérale d'un zwii
        - Utiliser ce module dans les gabarits (templates) de l'éditeur Tinymce.
        - Placer une ou plusieurs galeries si l'envie vous en prend dans le footer (bas de page de votre site)
        - Les galeries ont la possibilité de s'ouvrir par un simple lien, dans une fenêtre popup Lity, dans une Iframe, au clic sur une image
      Ainsi que tout autre utilisation possible et imaginable pour un tel type de module.

      🖼️ Au clic sur une miniature image (ou un dossier images) les images sont affichées dans les tailles responsives (ratio hauteur/largeur respecté),la fenêtre de visualisation de celle ci bénéficiant d'une barre de navigation pour aller à l'image suivant/précedente.
      🎨 Pour plus de commodité et uniquement pour les fichiers multimédias, ceux ci s'ouvre das une nouvelle fenêtre (onglet) de votre navigateur.
      * Formats audios vidéos supportés: .mp3 .mp4 .ogg(audio et vidéo) .webm
       
      L'archive à décompresser contient:
      - un dossier nommé "MaGalerie" (c'est le dossier qu'il faudra envoyer par FTP sur votre serveur). Il contient le script principal pour afficher votre galerie dans votre site ainsi que des sous dossiers et images pour que vous puissiez de suite utiliser celle ci.
      - un dossier nommé "Bonus Template Tinymce" (il contient un  "bonus" vous permettant d'utiliser le script depuis Tinymce dans le zwii)
      - le fichier d'aide que vous êtes en train de lire
       
      ## INSTALLATION ##
      Une fois l'archive dé-zippée sur votre pc, il vous suffit de d'envoyer à la racine de votre serveur web là où est installé votre site sous Zwii (ou dans le sous-dossier de votre site si Zwii est installé ainsi sur votre espace web) le dossier nommé "MaGalerie" en entier.
      C'est tout ce que vous avez à faire...
      * Je conseillerais d'envoyer ce dossier dans /site/data/ (ceci à cause des mises à jour possible du cms, donc tout ce qui se trouve dans le dossier data est lui normalement conservé)
      * Pour le dossier "Bonus Template Tinymce" un fichier texte situé dedans son dossier vous explique lui la procédure à suivre si vous désireriez utiliser "les deux gabarits (templates) fournis dans l'éditeur de texte du cms
       
      ## SUPPRESSION DU SCRIPT ##
      C'est tout simple, il vous suffit de supprimer le dossier "MaGalerie" ainsi que tout ce que vous avez crée dans votre site avec ce script... 
       
      ## USAGES DE LA GALERIE ##
      ⚠️ Information à retenir:
      Tout les exemples donnés ci dessous le sont depuis un dossier "MaGalerie" place dans un site Zwii lui même placé dans un sous-dossier à la racine de mon espace web, pensez donc à changer le chemin vers votre galerie si vous n'avez que le Zwii placé à la racine de votre propre espace web exemple:
      - A la racine de l'espace web : /site/data/MaGalerie/
      - Dans un sous dossier de mon espace web : /Mon_site_zwii/site/data/MaGalerie/
       
      - les fichiers renommés " integrate.php### " et " system_check.php### " peuvent être supprimés car non utililes au fonctionnement de la galerie dans le Zwii.
       
      ## Comment créer, lancer une ou des galeries ##
      A: Une simple galerie est composée d'un dossier où l'on envoie nos images et d'un fichier nommé index.php (qui peut être renommé à votre guise tout comme le dossier des images)
      (dans le dossier "MaGalerie" le dossier image est nommé "Photos" et le fichier qui le lance "index.php")
      B: Pour créer et appeler  plusieurs galeries différentes dans votre Zwii il suffit alors de créer autant de dossiers nécessaires pour recevoir vos photos et autant de fichier index.php avec pour chaque un nom différent de votre précédente galerie déjà en place.
      * Exemple dans le dossier de la galerie se trouvent deux dossiers et leurs fichiers nommés selon les prescriptions (autre noms pour chacun d'entre eux)
      ____________________________________________________________________________________
      |    Nom du dossier des images       -->     Nom du fichier en php qui lance la galerie     |
      |___________________________________________________________________________________|
      |                espace                               -->                  indexespace.php                                      |
      |               paysages                           -->                   indexpaysages.php                                 |
      |___________________________________________________________________________________|
       
      IMPORTANT:
      Le fichier nommé "config.php" contient tout vos réglages personnels pour l'affichage de votre galerie, pensez juste à le modifier à votre guise pour que votre galerie affiche par exemple un titre ou utilise l'un des template voulu, le fichier "config-default.php" contient lui les réglages de base de la galerie.
       
      ## LES UTILISATIONS POSSIBLES ##
       
      - Sous forme d'iframe dans une page:


       
      1° Commencez à rédiger le contenu de votre page avec l'éditeur en mode complet dans votre site
      2° Là où vous voulez placer l'Iframe de votre galerie, mettre l'éditeur en mode "Source" et copier ceci dedans:
       
      <p><iframe src="/ZwiiCMS-9015//MaGalerie/index.php" width="auto" height="450px" frameborder="0"></iframe></p>

      (pensez à modifier si besoin était le chemin menant vers le fichier comme expliqué plus haut suivant où est placé votre Zwii dans votre espace web)
       
      3° Vous pouvez ensuite revenir au mode d'édition "normal" dans l'éditeur tinymce si vous désirez "agrémenter" votre mise en page, puis enregistrer celle ci pour voir apparaître votre galerie dans une page de votre site
       
      - Avec une ouverture depuis une image cliquable et dans une fenêtre Lity:

      1° Dans l'éditeur de texte choisir une image qui servira de lien cliquable vers votre galerie (mode éditeur visuel)


       
      2° Cliquez sur votre image et choisir dans l'éditeur la fonction lien
      3° Indiquez le chemin vers le fichier index.php de votre galerie et choisir l'ouverture du lien dans une fenêtre "Lity"


      4° Vous pouvez enregistrer ensuite le résultat, au clic sur cette image, la galerie s'ouvrira dans une popup Lity..
       
      - Depuis un simple lien (avec ouverture dans la page ou dans un nouvel onglet):
      1° Créez votre lien sous forme de texte, surlignez le et choisissez "Lien" dans l'éditeur de texte. Ensuite faites comme pour un lien normal et donnez lui juste le chemin vars le fichier index.php de votre galerie.


       
      - dans une barre latérale:
      1° Ouvrir votre barre latérale (ou créez en une)
      2° Editeur en mode "Source" ajoutez l'adresse de l'image clicable qui menera à votre galerie comme ceci:
      <div class="block"> <h4>Dans une barre latérale</h4> <div class="container"> <p><a href="/ZwiiCMS-9015/site/data/MaGalerie/index.php" rel="data-lity"><img src="/ZwiiCMS-9015/site/file/source/4w8qjk.gif" alt="" width="320" height="132" /></a></p> </div> </div>  
      - (facultatif) Depuis un "template/gabarit" tinymce pour agrémenter vos articles de blog, news ou simple page de site:
      Rédigez votre article et choisissez comme vous le feriez en cliquant sur "+" dans l'éditeur de texte l'option "Gabarits" puis l'un des Templates proposés pour afficher votre galerie à droite ou à gauche dans votre texte..


       
      - dans le footer (bas de page) de votre site web Zwii:


       
      1° Servez vous de la personnalisation du bas de page pour ajouter dans la partie réservée "Contenu personnalisé" texte ou HTML pour ajouter ceci (éditeur en mode "source"):
      <p style="text-align: center;">Cliquez sur l'une des images pour voir notre galerie</p> <p><a href="/ZwiiCMS-9015/site/data/MaGalerie/index.php" rel="data-lity"><img style="display: block; margin-left: auto; margin-right: auto;" src="/ZwiiCMS-9015/site/file/source/silk_sheets.jpg" alt="" width="576" height="202" /></a></p>

      2° Vous pouvez aussi personnaliser l'affichage de votre footer avec les options proposées par le cms comme montré par la première image.

      Et tout un tas d'autres idées que vous pourriez avoir dont je n'aurais pas penser à leurs usages (exemple pour les plus téméraires en modifiant le fichier main.php si vous vouliez placer votre galerie dans ce qui est l'architecture de votre site sous Zwii comme dans le header, où dans le body etc...)
       
      Vous pouvez aussi visiter cette page du forum où l'aventure a commencé; elle contient des liens vers des exemples concrets de l'utilisation de ma galerie.
      * Revenez poster un petit commentaire ici sur l'utilisation de ce script, vous montrerez ainsi au développeur de celui tout l’intérêt de poursuivre ou améliorer sa version.
      Enjoy les amis.
       
      # IMPORTANT A LIRE #
      Vous reconnaissez qu'en utilisant ce script sur votre site être entièrement responsable en cas de problème quel qu'il soit après sa mise en œuvre, je ne pourrais donc être considéré en aucun cas comme responsable de cet état de fait.
      💡 Pensez alors à faire une sauvegarde intégrale de votre site, ceci vous permettrait alors de revenir en arrière en réinjectant celle ci et retrouver votre site web tel que vous l'aviez conçu avant utilisation du script ci dessus. 
    • Par Gilux
      module-gallery-2.0
       
      Les versions proposées de la galerie 2.0 sont stables et pleinement fonctionnelles, pour une meilleure visibilité, et afin que tous les utilisateurs de ZwiiCMS puissent l’utiliser, y compris ceux qui ne sont pas inscrits sur ce forum, et aussi pour pouvoir obtenir le cas échéant plus de retours sur son fonctionnement, l’archive contenant la galerie 2.0 est reconditionnée et déplacée dans la rubrique téléchargement de ce forum.
       
       
×
×
  • Créer...