Aller au contenu
Support de Zwii

Messages recommandés

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.

 

 

Modifié par Gilux
actualisation
  • Merci 2

Partager ce message


Lien à poster
Partager sur d’autres sites

Bonjour GIlux

Tout d 'abord merci pour le travail effectué , (en espérant que le temps soit souvent maussade par chez toi😉)

mes premiers essais de ce matin:

ma préférence va sur le mode sans hover
1er essai
j' ai téléchargé un certain nombre de photo de faible poids (50 à 300k) dans la galerie via filemanager , le module gallery fait bien sont travail en construisant les vignettes à la volé , orientation des vignettes ok
2ème essai
J 'ai téléchargé un certain nombre de photo de poids brute de capteur jpg  (8 à 10M) dans la galerie via ftp , car file manager refuse de me les uploader en vue de la taille
le poids des vignettes est bien réduit mais l 'affichage des vignettes est très long (serveur local) du au traitement.L 'orientation portrait ne se fait pas.

à ce stade pas utilisable de mon coté pour des photos de fort poids , le traitement des vignettes devrait se faire non pas a la volé mais lors de l 'upload de l 'image
merci encore du temps passé a améliorer la galerie existante

bonne journée.

Bruno

 

Partager ce message


Lien à poster
Partager sur d’autres sites

Quelques commentaires.

 

C'est un module, très bon point.

 

Le calcul des miniatures se fait à la volée à chaque chargement ce qui ralentit le chargement. Mieux vaudrait utiliser les miniatures qui sont créées par RFM, les paramètres y sont définies dans config/config.php entre 440 et 445. Elles mériteraient d'être optimisées.

 

En cas de vignette vide, l'effet n'est pas top :

image.png.1bd1fa40a50a249c52697ab6de0a533e.png

 

Pour le respect de la normalisation CSS il faut éviter les !important, ces sélecteurs sont définis dans /view/index/index.css

 

Il y a 12 heures, Gilux a dit :

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

 

 

Partager ce message


Lien à poster
Partager sur d’autres sites

 

Merci @omega et @Fred pour vos tests et pour vos critiques

 

Le 22/08/2019 à 08:33, omega a dit :

2ème essai
J 'ai téléchargé un certain nombre de photo de poids brute de capteur jpg  (8 à 10M) dans la galerie via ftp , car file manager refuse de me les uploader en vue de la taille
le poids des vignettes est bien réduit mais l 'affichage des vignettes est très long (serveur local) du au traitement.L 'orientation portrait ne se fait pas.

à ce stade pas utilisable de mon coté pour des photos de fort poids

 

Personne n'utilise des photos d'un tel poids sur un site Internet, considérant que l'affichage se fait à 75% sur smartphone, je suppose que tes photos doivent avoir une largeur supérieure à 5000 px, sur PC les définitions HD les plus répandues sont 1920x1080 ou 1920x1200 pixels. Il existe aussi des écrans PC utilisés par les professionnels du traitement de l'image et de la création graphique, d'une définition de 2560x1600 pixels et plus, mais je ne pense pas que ceux-ci utilisent ZwiiCMS pour sa galerie.
Par conséquent les images constituant une galerie doivent être préalablement préparées, leurs tailles maximum ne devant pas dépasser celles des définitions HD

 

Le 22/08/2019 à 08:33, omega a dit :

le traitement des vignettes devrait se faire non pas a la volé mais lors de l 'upload de l 'image

 

ça c'est le boulot de RFM, mais seulement si les photos ne sont pas placées par FTP, la galerie de ZwiiCMS ne comporte pas de fonction d'import d'image, elle est uniquement prévue pour les afficher

 

Le 22/08/2019 à 09:21, Fred a dit :

Le calcul des miniatures se fait à la volée à chaque chargement ce qui ralentit le chargement. Mieux vaudrait utiliser les miniatures qui sont créées par RFM, les paramètres y sont définies dans config/config.php entre 440 et 445. Elles mériteraient d'être optimisées.

 

Les miniatures de RFM sont inutilisables, elles sont trop grandes si les photos sont uploadées par RFM, cropées, de mauvaise qualité et beaucoup trop petites si elles sont uploadées par FTP et ensuite affichées dans le gestionnaire de fichiers : 122x91 px
En outre, si on veut utiliser les grandes vignettes, cela suppose que toutes les photos soient transmises via RFM, mais en fait, un dossier contenant plusieurs photos est généralement transmis par FTP
J'ai donc choisi de créer les miniatures et d'utiliser un cache différent pour la galerie de ZwiiCMS

 

Le 22/08/2019 à 09:21, Fred a dit :

En cas de vignette vide, l'effet n'est pas top :

image.png.1bd1fa40a50a249c52697ab6de0a533e.png

 

Oui, mais la tu utilises des photos de tailles non standard, prévues pour remplir au mieux les cellules de l'ancien affichage, fais le test avec des photos issues de ton APN, c'est d'ordinaire ce qu'on affiche dans une galerie.

 

Le 22/08/2019 à 09:21, Fred a dit :

Pour le respect de la normalisation CSS il faut éviter les !important, ces sélecteurs sont définis dans /view/index/index.css

 

Le CSS de la galerie est interprété après toutes les feuilles de style déclarées dans main.php, le custom.css étant donc avant, les règles de styles ne sont pas interprétées si on omet "!important", qui est donc obligatoire dans ce cas, selon la logique des feuilles de style en cascade
 

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Bonjour @Gilux,

 

J'ai testé ton module Gallery. J'ai bien aimé la possibilité d'insérer la vignette index de la galerie en position libre dans la page et le soin apporté au traitement des vignettes.

Gros travail, bravo !

 

Et la suite c'est quoi ? un module en remplacement de Zwipper (affichage du diaporama dans la page) ?

Bonne journée

 

Sylvain

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Merci @sylvainlelievre pour ce retour

 

Il y a 1 heure, sylvainlelievre a dit :

J'ai un problème d'affichage des miniatures, des cases noires apparaissent de façon aléatoire.

 

Bizarre ! Il se peut qu'avec un serveur particulièrement lent, comme celui des pages perso de free.fr, les vignettes ne s'affichent pas toutes au premier affichage de la galerie, cet inconvénient disparaissant aux affichages suivants. Mais avec un serveur pro tout fonctionne parfaitement du premier coup.

Ce problème est il persistant sur ton site ? Si oui, peux-tu donner plus d'informations, et éventuellement l'URL de ton site d'essais en message privé. Le dossier contenant les photos contient-il autre chose que des photos ?

De mon côté je ne parviens pas à reproduire cette erreur.

Partager ce message


Lien à poster
Partager sur d’autres sites

Mes tests sont fait sur la version 9.3.00.dev, au cas ou il y aurait une relation de cause à effet avec une autre version, je viens de faire un test sur une version 9.2.05 et tout se passe normalement, il n'y a pas de cellules vides au premier affichage, ni aux suivants. Toutes les vignettes se créent rapidement au premier affichage et sont bien lues depuis le cache dès le second affichage de la galerie.

Je pense que ton problème @sylvainlelievre vient de ton serveur.

Partager ce message


Lien à poster
Partager sur d’autres sites

Capture1.thumb.gif.f6d7d17a2ed5072e3775e934ae2964f7.gif

 

2 téléchargements de la précédente version en 3 jours ??

Merci @augras, @Seb, @Fred qui êtes connectés tous les jours, et qui veut, de bien vouloir tester ce module qui fait l'objet d'un travail consécutif à une demande

Partager ce message


Lien à poster
Partager sur d’autres sites

Bonjour @sylvainlelievre

 

Je suis allé sur ton site visiter ta galerie, le premier défaut constaté et le trop long temps de chargement des images (voir capture d'écran ci-dessous), mais ceci est vrai pour toutes les galeries d'origine de ZwiiCMS comportant de nombreuses photos en haute résolution et c'est en partie ce qui a motivé l'écriture de la nouvelle galerie dont l'affichage des vignettes est immédiat, ensuite, je me suis aperçu que tes images sont mal nommées, elles contiennent des caractères non alphanumériques et des espaces, ceci pouvant être la cause du défaut d'affichage constaté, lors d'un affichage direct le navigateur s'en accommode, mais avec cette nouvelle galerie les images sont lues et traitées par un script, le nommage des fichiers revêt alors un caractère très important.

 

site-sylvain.thumb.jpg.db9132f4b7f57d75af37dcd59da796e1.jpg

 

Par ailleurs, j'ai amélioré l'affichage de la galerie, l'archive à télécharger intègre cette amélioration et est donc actualisée, résultat visuel :

 

02c.thumb.jpg.2e9b986a4f22f6f3509f0dab6b5da668.jpg

  • Merci 1

Partager ce message


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

J'ai testé la version précédente

 

La version avec miniatures mais sans vignettes ?

Si oui, tu trouveras une très nette amélioration en temps de chargement avec cette nouvelle version.

Merci d'avance pour ta contribution

 

il y a 6 minutes, augras a dit :

mais pas ta mouture 2.0

 

Toutes les versions portent le même nom, gallery 2.0, pour marquer l'évolution des versions 1.x

Partager ce message


Lien à poster
Partager sur d’autres sites

Je viens de mettre à jour.

Pour le chargement c'estquasi instantanné.
J'ai mis des images entre 4 et 7Mo pour voir : , mais avec la fibre je n'ai pas vraiment de problème de chargement.

Par contre j'ai mis pas mal de photos qui nécessitent d'être pivotées et elles ne le sont pas. Les mêmes photos sur mon poste sont pivotées automatiquement par mon viewer donc les infos nécessaires sont bien présentes avec les photos.

https://augras.eu/zwii91dev59/mini-galerie

Je constate un soucis lorsque l'on fait défiler les images dans la lightbox : juste après le clique sur la flèche de défilement l'image déjà affichée disparaît puis réapparaît brièvement avant que l'image suivante ne s'affiche.

Modifié par augras

Partager ce message


Lien à poster
Partager sur d’autres sites

Je viens de me rendre compte-que cet effet sur le défilement ne se produit que sur mes photos de taille et de poids conséquents mais pas sur tes photos mises en exemple !

Partager ce message


Lien à poster
Partager sur d’autres sites
Il y a 1 heure, augras a dit :

Je viens de mettre à jour.

Pour le chargement c'estquasi instantanné.
J'ai mis des images entre 4 et 7Mo pour voir : , mais avec la fibre je n'ai pas vraiment de problème de chargement.

Par contre j'ai mis pas mal de photos qui nécessitent d'être pivotées et elles ne le sont pas. Les mêmes photos sur mon poste sont pivotées automatiquement par mon viewer donc les infos nécessaires sont bien présentes avec les photos.

https://augras.eu/zwii91dev59/mini-galerie

 

Merci @augras d'avoir testé Mini Galerie ;)

ça confirme que la création de vignettes à la volée fonctionne parfaitement et rapidement pour une vingtaine de photos en haute résolution pesant entre 5 et 7 mo, mais c'est la nouvelle galerie 2.0 que j'aimerais que tu testes avec des photos issues d'un APN (pas celles livrées par défaut avec ZwiiCMS)

 

01.thumb.jpg.5627814b358f9b920f1e74a1df88d82f.jpg

 

Concernant l'orientation de tes photos, ni le script de mini galerie, ni celui de la galerie 2.0 ne sont en cause, ils ne modifient d'aucune façon l'orientation des images, ce sont tes images elles-mêmes qui ne sont pas orientées :

 

02.thumb.jpg.83149a91550fe06f89a14246278b693d.jpg

 

03.thumb.jpg.14731cdc9b845495821cf3c6950a9a02.jpg

 

Si tu les affiches avec l'ancienne galerie 1.2 tu auras ce même résultat :

 

04.thumb.jpg.b84c2cdb87efb562c9651fdd7f5a585c.jpg

 

La solution est de les pivoter manuellement, profites en pour les renommer tout en minuscules et les alléger en supprimant les données exif totalement inutiles, la preuve ci-dessus avec toutes les orientations indiquées en paysage, sache que le fonctionnement de ton viewer sur ton ordinateur est différent de celui d'un affichage dans une page sur le web.

Voici le résultat avec la galerie 2.0 :

 

05.thumb.jpg.b31b489b97c50bb1c49226b6293b6b7e.jpg

 

Partager ce message


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

Je constate un soucis lorsque l'on fait défiler les images dans la lightbox : juste après le clique sur la flèche de défilement l'image déjà affichée disparaît puis réapparaît brièvement avant que l'image suivante ne s'affiche.

 

Il y a 1 heure, augras a dit :

Je viens de me rendre compte-que cet effet sur le défilement ne se produit que sur mes photos de taille et de poids conséquents mais pas sur tes photos mises en exemple !

 

Il s'agit la d'un problème lié à la lightbox, pas à la galerie.

Comme je l'ai déjà dit, les photos destinées à être affichées sur un site doivent être préalablement préparées, tes photos ont une dimension de 5184x2920, aucun écran ne les affichera dans ces dimensions !

Pour exemple, la photo dsc03507 dimensionnée à 1920x1081 px ne pèse plus que 542 ko au lieu de 4 mo pour l'originale :

 

dsc03507-2.thumb.jpg.dfd514c86fd27ce24571c22057a2de83.jpg

Partager ce message


Lien à poster
Partager sur d’autres sites

Correction à l'instant d'un problème sans conséquences pour le fonctionnement mais qui faisait que les vignettes n'étaient pas correctement nommées si l'extension des photos étaient en majuscules, j'ai constaté ce défaut avec les photos d'@augras

Partager ce message


Lien à poster
Partager sur d’autres sites

Bonjour @Gilux,

 

Mon site Halte aux Marées Vertes est encore avec la gallery originale, je n'ai testé que sur un site de dev (même fournisseur d'accès).

Je vais tester ta dernière version et vérifier le nommage de mes photos.

Pour info sur mes sites je n'utilise que des images de taille réduite (généralement 1000px pour la plus grande dimension).

 

Merci pour ce travail.

 

Sylvain

  • J'aime 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Qu'est-ce que tu entends par "nouvelle galerie2.0" ?
J'ai au départ, il y a maintenant un certain temps, testé mini-galerie.
J'ai téléchargé hier le zip galerie2.0 dans le 1er post de ce fil et simplement remplacé le dossier gallery de mini-galerie par celui obtenu en décompressant le zip : ce n'est pas ce qu'il fallait faire ?

Pour tester j'ai conservé les images que tu avais mises en exemple et ajouté d'autres photos qui viennent directement d'un APN : telles quelles. Pas de redimensionnement ni de renommage comme tu l'as constaté.

Je suis d'accord avec toi quand tu dis qu'auncun écran ne va afficher des images de cette taille.
Mais ce qui se passe habituellement c'est que l'image est "redimensionnée" pour apparaître dans la lightbox. Si on clique droit puis sur Afficher l'image elle apparaît alors à l'échelle 1:1, donc avec la taille de départ mais éviemment la ascenseurs vertical et horizontal pour pouvoir parcourir toute l'image. Ou alors on zoom et dézoom dans l'image pour mieux voir ce que l'on veut. Et si on laisse la possibilité de télécharger c'est l'image avec les dimensions et la résolution d'origine qui est alors téléchargée.

Personnellement je ne suis pas prêt à redimensionner mes photos, même si ça peut être rapide, pour les éléments indiqués ci-dessus. Et les renommer est beaucoup trop fastidieux à mon goût.

Pour faire un diaporama de quelques photos oui je le fais, mais pour une galerie qui peut compter plusieurs centaines de photos je ne le fait pas.

Pour l'orientation idem : je ne vais pas "m'amuser" à reprendre mes photos pour les orienter correctement. Je sais bien que mon viewer, GPicview en occurrence, fonctionne différemment : mais il va lire les exifs pour justement orienter la photo correctement.
Je me doute bien que ce n'est pas facile à développer mais à mon sens c'est nécessaire pour que l'outil soit utilisé.

Philippe

Partager ce message


Lien à poster
Partager sur d’autres sites

@Gilux

nouveau test avec la version de ce matin 1/9 et en ayant vérifié le nommage des photos et leur taille (taille des photos sur le serveur comprises entre 100 et 350ko).

Même comportement que tu peux voir ici :

https://www.vivreenborddebaie.fr/dev9.1

 

Le phénomène apparaît si le nombre d'images est supérieur à 12 dans le dossier, c'est je pense comme toi une histoire de rapidité de serveur et ou de transmission...

 

Je ne désespère pas que dans une cinquantaine d'année j'aurai la fibre dans ma campagne, il suffira en attendant d'être patient.

 

A plus

 

Sylvain

Partager ce message


Lien à poster
Partager sur d’autres sites

ça y est , c'est arrivé au cerveau ! Ce que tu proposes ici c'est un module de remplacement du module de galerie de zwii... rien à voir avec mini-galerie.

Je vais tester une nouvelle galerie de zwii de ce pas.

Désolé pour l'incompréhension sur ce point.

Test là https://augras.eu/zwii91dev59/galeries 

Tout ce que j'ai indiqué précédemment est en tous points similaire.

Premier affichage des photos lourdes un peu plus long que celles en exemple mais ensuite tout est fluide. 

Philippe

Modifié par augras

Partager ce message


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

Le phénomène apparaît si le nombre d'images est supérieur à 12 dans le dossier, c'est je pense comme toi une histoire de rapidité de serveur et ou de transmission...

 

Le phénomène n'apparaît pas chez moi :

 

1.jpg.4735e7e931b825768c5e9c126c32fd98.jpg

2.thumb.jpg.12a9304c877416eaed02a976f9d4747e.jpg

 

3.jpg.d13dea31dd1eddd2443930308b9fd834.jpg

4.thumb.jpg.af33d999bf3540e001de7815e8b2d6da.jpg

 

5.thumb.jpg.19f63b3b1b7b073b34e2edc6d7b4c773.jpg

 

J'affiche un nombre de photos HD très largement supérieur à 12 sur mon site, une de mes galeries comporte 72 photos et je n'ai pas rencontré de problème d'affichage des vignettes, la galerie n'étant pas en cause, il faut chercher ailleurs... Je ne peux, hélas, pas t'aider davantage

Merci @sylvainlelievre d'avoir tester cette version de la galerie, en espérant qu'elle puisse te donner satisfaction dès que ton problème sera identifié et résolu.

  • J'aime 1

Partager ce message


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

Personnellement je ne suis pas prêt à redimensionner mes photos, même si ça peut être rapide, pour les éléments indiqués ci-dessus. Et les renommer est beaucoup trop fastidieux à mon goût.

Pour faire un diaporama de quelques photos oui je le fais, mais pour une galerie qui peut compter plusieurs centaines de photos je ne le fait pas.

Pour l'orientation idem : je ne vais pas "m'amuser" à reprendre mes photos pour les orienter correctement. Je sais bien que mon viewer, GPicview en occurrence, fonctionne différemment : mais il va lire les exifs pour justement orienter la photo correctement.
Je me doute bien que ce n'est pas facile à développer mais à mon sens c'est nécessaire pour que l'outil soit utilisé.

Philippe

 

Il n'y a rien à développer, que ce soit en ligne ou en local les images doivent être préparées avec un logiciel de traitement d'image, car l'affichage constaté :

1.thumb.jpg.be50f23dd9d25748c3fa12dcc6c48e2a.jpg

 

sera le même quelle que soit l'interface web, pour t'en convaincre, copie ce code ou télécharge le fichier test.html en PJ ci-après :

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Augras</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
<img src="https://augras.eu/zwii91dev59/site/file/source/images/DSC03524.JPG">
</body>
</html>

test.html

 

Tu constateras ceci :

laptop.thumb.jpg.41e24c68f06fce9a0796f1bf68129b16.jpg

 

Une fois encore, l'affichage d'une photo sur une page Web est différent de celui fait par un visionneur sur ordinateur.

 

Il y a 3 heures, augras a dit :

Premier affichage des photos lourdes un peu plus long que celles en exemple mais ensuite tout est fluide

 

Rien d'étonnant considérant le poids de tes photos, et l'affichage de tes pages est ralenti par le chargement des 19 photos du slider en bannière, chaque page rechargeant l'intégralité des photos

 

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 Gilux
      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, le traitement des photos peut être assez long, le temps d’exécution du script dépend du nombre de photo à traiter, de leur poids et du nombre d'opération à effectuer, durant ce temps l'affichage est interrompu et la page se recharge plusieurs fois, patientez, le script fait son boulot jusqu'au bout.
      Dès le second affichage les vignettes sont simplement affichées depuis le cache
       
      Les photos qui intègrent la balise GPS sont géo-localisables sur une carte Open Street Map
       

       

       
      Les vignettes s’affichent désormais en tant que telles, non plus en image de fond
      La galerie s’intègre dans la charte graphique de ZwiiCMS, l'affichage par défaut est sobre, il est facile de le modifier pour l’harmoniser avec votre site, en s'inspirant des données CSS ci-dessous, à ajouter au fichier "custom.css" depuis l'interface de ZwiiCMS, après les avoir modifiées selon votre besoin
       
      Index de la galerie : (effet monochrome au survol de la vignette)

       
      Page interne de la galerie :

       
      Le fonctionnement est identique à celui de la galerie d'origine écrite par @Rémi
       
      Les couleurs de fond et de texte peuvent s'harmoniser avec votre site en modifiant et en ajoutant le css ci-dessous dans votre custom.css :
      /* !important Le style de la galerie est prioritaire sur le custom.css, pour que vos changements de style soit appliqués vous devez ajouter l'attribut !important à vos éléments */ /* Cases contenant les vignettes */ .galleryPicture, .galleryGalleryPicture { /*exemple*/ background-color: gray !important; } .galleryPicture:hover, .galleryGalleryPicture:hover { /*exemple*/ background-color: silver !important; } /* Nom ou légende de l'image */ .galleryName, .galleryGalleryName { /*exemple*/ color: white !important; } .galleryName:hover, .galleryGalleryName:hover { /*exemple*/ color: black !important; } /* Nom ou légende des images redimensionnées */ .picResized { /*exemple*/ color: yellow !important; } .picResized:hover{ /*exemple*/ color: purple !important; } Exemple avec couleur sombre et effet hover sur les vignettes :

       
      Exemple avec couleurs et effet hover sur les vignettes :

       
      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é
       
       
      Contributeur Gilux Soumis 05/09/2019 Catégorie Modules  
    • Par Gilux
      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, le traitement des photos peut être assez long, le temps d’exécution du script dépend du nombre de photo à traiter, de leur poids et du nombre d'opération à effectuer, durant ce temps l'affichage est interrompu et la page se recharge plusieurs fois, patientez, le script fait son boulot jusqu'au bout.
      Dès le second affichage les vignettes sont simplement affichées depuis le cache
       
      Les photos qui intègrent la balise GPS sont géo-localisables sur une carte Open Street Map
       

       

       
      Les vignettes s’affichent désormais en tant que telles, non plus en image de fond
      La galerie s’intègre dans la charte graphique de ZwiiCMS, l'affichage par défaut est sobre, il est facile de le modifier pour l’harmoniser avec votre site, en s'inspirant des données CSS ci-dessous, à ajouter au fichier "custom.css" depuis l'interface de ZwiiCMS, après les avoir modifiées selon votre besoin
       
      Index de la galerie : (effet monochrome au survol de la vignette)

       
      Page interne de la galerie :

       
      Le fonctionnement est identique à celui de la galerie d'origine écrite par @Rémi
       
      Les couleurs de fond et de texte peuvent s'harmoniser avec votre site en modifiant et en ajoutant le css ci-dessous dans votre custom.css :
      /* !important Le style de la galerie est prioritaire sur le custom.css, pour que vos changements de style soit appliqués vous devez ajouter l'attribut !important à vos éléments */ /* Cases contenant les vignettes */ .galleryPicture, .galleryGalleryPicture { /*exemple*/ background-color: gray !important; } .galleryPicture:hover, .galleryGalleryPicture:hover { /*exemple*/ background-color: silver !important; } /* Nom ou légende de l'image */ .galleryName, .galleryGalleryName { /*exemple*/ color: white !important; } .galleryName:hover, .galleryGalleryName:hover { /*exemple*/ color: black !important; } /* Nom ou légende des images redimensionnées */ .picResized { /*exemple*/ color: yellow !important; } .picResized:hover{ /*exemple*/ color: purple !important; } Exemple avec couleur sombre et effet hover sur les vignettes :

       
      Exemple avec couleurs et effet hover sur les vignettes :

       
      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é
       
       
×
×
  • Créer...