Aller au contenu
Support de Zwii

Rechercher dans la communauté

Affichage des résultats pour les étiquettes 'images'.



Plus d’options de recherche

  • Rechercher par étiquettes

    Saisir les étiquettes en les séparant par une virgule.
  • Rechercher par auteur

Type du contenu


Forums

  • Support de Zwii
    • Informations et nouveautés
    • Ateliers de développement
    • Un bug découvert ?
    • Questions sur l'installation et l'utilisation
    • Trucs et astuces
    • Support des téléchargements
  • Communauté
    • Votre site

Catégories

  • Modules
    • Modules officiels
    • Galeries
    • Le cimetière des scripts
  • Modifications et astuces
  • Thèmes
  • Tutoriels

Rechercher les résultats dans…

Rechercher les résultats qui contiennent…


Date de création

  • Début

    Fin


Dernière mise à jour

  • Début

    Fin


Filtrer par nombre de…

Inscription

  • Début

    Fin


Groupe


À propos de moi


Site internet

5 résultats trouvés

  1. Version 3.1

    89 téléchargements

    Ce module va vous permettre d'insérer un diaporama responsif dans une page Zwii. Voir ce module en situation, expérimenter ce module ! Version 3.1 testée avec Zwii 9.2.28, Zwii 10.0.092 et Zwii 10.1 Par configuration vous pourrez obtenir cet aspect : La navigation se fait en cliquant sur la zone droite ou gauche de l'image. Le texte apparaît de façon progressive au survol de l'image. Arrêt du défilement automatique au survol de l'image. Celui là : Navigation par boutons discrets. Le texte et les boutons apparaissent de façon progressive au survol de l'image. Arrêt du défilement automatique au survol de l'image. Ou encore cette version avec légende en haut et boutons de navigation rectangulaires : Une version sans les puces de navigations : Le diaporama est basé sur responsiveslides.com, le module Zwii slider est basé sur le module Zwii gallery de @Rémi. Merci à @Gilux et à @roger pour leurs contributions dans le CSS et à @Fred pour ses conseils et la mise à jour du fichier edit.js.php. #Installation 1- Dézipper l'archive slider_vxx.zip Elle contient le dossier slider et 1 autre fichier dont nous verrons l'utilité plus loin (edit.js.php). Si vous avez déjà fait l'installation d'une ancienne version du module slider, il est préférable de la supprimer avant de poursuivre. Si la version précédemment installée était >= 2.3 vous pourrez réutiliser votre diaporama après avoir procédé à nouveau à son paramétrage, pour une version plus ancienne il faudra le recréer. 2 - Avec votre logiciel FTP transférer le dossier slider dans le dossier module de votre site (attention module, pas core/module) Résultat obtenu pour le site dev9test slider/vendor/js/ contient le fichier javascript nécessaire au fonctionnement du module. slider/view/index/ contient 4 fichiers : index.php responsable de l'affichage du diaporama, index.css qui regroupe tous le CSS du diaporama et themes.gif, themes.svg pour les 2 boutons proposés. slider/view/config/ et slider/view/edit/ proviennent du module gallery et sont utilisés pour le paramétrage du diaporama. Ils sont légèrement modifiés. #mode d'emploi 1 - Créer une nouvelle page, modifier cette page 2 - Sélectionner le module Slider et choisir la position du module dans la page A partir de la version 9.2.07 de Zwii l'option "Position du module dans la page" apparaît. Elle vous permet de choisir où le diaporama va s'afficher dans la page. La position "libre" vous permet d'insérer du contenu avant et après le diaporama en saisissant [MODULE] à l'endroit voulu dans votre page. Avec des versions 9 de Zwii plus anciennes vous pouvez remplacer par FTP le fichier core/module/page/view/edit/edit.js.php par celui contenu dans l'archive et dont on a parlé plus haut. Si non votre diaporama s'affichera uniquement en bas de page. Cliquez sur l'icone "roue dentée", positionnée à côté du choix de module, pour passer à l'étape 3. 3 - Choisir le dossier contenant les images Vous aurez au préalable chargé les images du diaporama dans un dossier à l'intérieur de site/file/source/ (par FTP ou par le gestionnaire de fichiers intégré à Zwii). A ce propos 3 remarques : * Le diaporama va s'adapter automatiquement au format (16/9, 4/3,...) ou à l'orientation des images mais je trouve que le meilleur résultat visuel sera obtenu avec des images de même format et de même orientation. Mais ce n'est qu'une opinion personnelle, vous êtes libre de mixer différentes images. * Le diaporama va afficher l'image dans le même conteneur quelque soit sa taille, une image trop petite va être dilatée, une image trop grande va augmenter le temps de chargement du diaporama. Je vous conseille des images de largeur minimum 800px si votre paramétrage de la " Largeur maxi du diaporama " est à 800px. * L'ordre de passage est maintenant paramétrable. Saisissez un nom, sélectionnez un dossier cible puis cliquez sur l’icône dossier. Vous devez obtenir ceci : Pour passer à l'étape suivante cliquez sur l'icône "crayon" située sous "Paramétrage du diaporama". 4 - Paramétrage du diaporama. Sur cette page de paramétrage, après un rappel du nom et du dossier cible des images, vous avez accès aux réglages suivants : Choix du type de navigation manuelle par boutons ou par zones droite ou gauche de l'image, Choix du type de boutons, flèche dans un rectangle noir ou dans un cercle blanc. Visibilité des puces de navigation ou pager, Largeur maxi du diaporama en pixels, le réglage "100%" correspond à la largeur du site définie en configuration - 40 pixels, La durée de la transition, en secondes ou en millisecondes, entre diapositives (fading) , La durée totale d'affichage, en secondes ou en millisecondes, d'une image (fading compris, au minimum durée de la transition + 100ms), La visibilité de la légende uniquement au survol de l'image, toujours visible ou jamais visible, La position de la légende en bas ou en haut de l'image, Le temps d'apparition de la légende et des boutons, Le choix du type de tri des images, La saisie des légendes. N'oubliez pas d'enregistrer. # C'est possible Dans un même site Zwii vous pouvez insérer plusieurs diaporamas avec pour chacun des paramétrages différents. # C'est pas possible Dans une page Zwii vous ne pouvez insérer qu'un seul diaporama. Avec Zwii ce n'est pas possible d'insérer plus d'un module par page, vous ne pourrez donc pas insérer un diaporama (module slider) dans une page de blog (module blog) ou dans un formulaire (module form).
  2. Gilux

    Module Album

    Version 1.1.4

    141 téléchargements

    Module Album IMPORTANT : la dernière version de ce module compatible avec ZwiiCMS 9.2.x est la version 1.0.b, toujours téléchargeable en bas de cette page Initialement écrit en septembre 2019 et publié sous le nom de Gallery 2.0 pour remplacer les lourdes images en pleine résolution, réduites visuellement et cropées, des premières versions de la galerie d'origine, par des vignettes légères de haute qualité, créées à la volée et mises en cache, le module Album propose une interface différente, affichant des miniatures en haute résolution respectant les proportions et l’orientation des photos, et des fonctions supplémentaires par rapport aux versions actuelles du module gallery livré avec le CMS Au premier affichage de l'Album, 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 Topo Map : l'Album 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 du fichier "modification des couleurs" présent dans l'archive, à ajouter au fichier "custom.css" depuis l'interface de ZwiiCMS, après les avoir modifiées selon votre besoin Index de la galerie : Page interne de la galerie : Le fonctionnement global du module Album est identique à celui de la galerie d'origine, écrite par @Rémi, améliorée et augmentée par @Fred, sur laquelle il est basé Fonctionnalités supplémentaires : Renomme Réoriente Redimensionne - Les caractères non alphanumériques et les espaces sont supprimés des noms des photos. - Si besoin, la photo est réorientée. - Les photos trop grandes, donc trop lourdes, mettent beaucoup de temps à s’afficher, ou ne s’affichent pas du tout dans certains cas. Pour un affichage fluide et rapide de la galerie, les trop grandes photos sont dimensionnées à la taille maximum correspondant à l’affichage courant des écrans en haute résolution, soit 1920 × 1280 pixels, les photos d’origine sont conservées et sont accessibles par un lien présent sous la vignette correspondante, pour distinguer ces photos de celles non redimensionnées, leurs noms s’affichent dans une couleur différente, notez que si la légende n’existe pas, elle est remplacée par le nom de la photo. Ce traitement des images se fait au premier affichage de la galerie. Géo-Localisation Cette fonction permet de géo-localiser sur une carte Open Street Map les photos qui intègrent la balise EXIF GPS, et de donner leurs altitudes Les photos d’origine sont conservées et sont accessibles par un lien présent sous la vignette correspondante : 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 : Installation du module Album sur votre site ZwiiCMS : Décompressez l’archive module-album.zip, elle contient un dossier module contenant un sous-dossier album, puis envoyez par FTP le dossier module à la racine de votre site sous ZwiiCMS Remplacement de votre galerie existante par l'album : En utilisant le module Album, vous souhaiterez sans doutes conserver votre galerie existante, c’est très simple à faire : dans l’archive que vous aurez téléchargé se trouvent 2 fichiers, en plus du dossier d’installation du module album et de 3 autres fichiers informatifs : album-install-10.php remplacement.txt Utilisation de ce fichier : Par sécurité, faites une copie de votre fichier page.json Cette action remplacera "moduleId":"gallery" par "moduleId":"album" dans le fichier /site/data/fr/page.json de la version 10.x Copiez le nom de fichier ci-dessous, et copiez-le en fin d'adresse de votre site ZwiiCMS en ligne, comme ceci : http://www.mon-site-en-ligne.com/album-install-10.php NB : si la réécriture d'url n'est pas activée sur votre site, n'ajoutez pas le point d'interrogation ? Puis ouvrez cette page en appuyant sur la touche "entrée" de votre clavier. Une page vide avec un lien retour s'affiche alors Par ce moyen, vous avez transféré l'ensemble de votre galerie vers le module album, que votre galerie soit celle livrée par défaut avec ZwiiCMS, ou celle que je proposais sous le nom de module gallery 2.0 Nom de fichier à copier/coller et à utiliser pour une version 10.x de votre ZwiiCMS : album-install-10.php Attention : en utilisant le fichier album-install-10.php il y a le risque de renommer aussi la page si vous utilisez le mot gallery dans le titre tel que : My Gallery, la page s'appelant alors my-gallery, si votre page comporte le mot gallery, renommez-la avant d'utiliser le fichier album-install-x.php
  3. Voir le fichier Diaporama Slider Ce module va vous permettre d'insérer un diaporama responsif dans une page Zwii. Voir ce module en situation, expérimenter ce module ! Version 3.1 testée avec Zwii 9.2.28, Zwii 10.0.092 et Zwii 10.1 Par configuration vous pourrez obtenir cet aspect : La navigation se fait en cliquant sur la zone droite ou gauche de l'image. Le texte apparaît de façon progressive au survol de l'image. Arrêt du défilement automatique au survol de l'image. Celui là : Navigation par boutons discrets. Le texte et les boutons apparaissent de façon progressive au survol de l'image. Arrêt du défilement automatique au survol de l'image. Ou encore cette version avec légende en haut et boutons de navigation rectangulaires : Une version sans les puces de navigations : Le diaporama est basé sur responsiveslides.com, le module Zwii slider est basé sur le module Zwii gallery de @Rémi. Merci à @Gilux et à @roger pour leurs contributions dans le CSS et à @Fred pour ses conseils et la mise à jour du fichier edit.js.php. #Installation 1- Dézipper l'archive slider_vxx.zip Elle contient le dossier slider et 1 autre fichier dont nous verrons l'utilité plus loin (edit.js.php). Si vous avez déjà fait l'installation d'une ancienne version du module slider, il est préférable de la supprimer avant de poursuivre. Si la version précédemment installée était >= 2.3 vous pourrez réutiliser votre diaporama après avoir procédé à nouveau à son paramétrage, pour une version plus ancienne il faudra le recréer. 2 - Avec votre logiciel FTP transférer le dossier slider dans le dossier module de votre site (attention module, pas core/module) Résultat obtenu pour le site dev9test slider/vendor/js/ contient le fichier javascript nécessaire au fonctionnement du module. slider/view/index/ contient 4 fichiers : index.php responsable de l'affichage du diaporama, index.css qui regroupe tous le CSS du diaporama et themes.gif, themes.svg pour les 2 boutons proposés. slider/view/config/ et slider/view/edit/ proviennent du module gallery et sont utilisés pour le paramétrage du diaporama. Ils sont légèrement modifiés. #mode d'emploi 1 - Créer une nouvelle page, modifier cette page 2 - Sélectionner le module Slider et choisir la position du module dans la page A partir de la version 9.2.07 de Zwii l'option "Position du module dans la page" apparaît. Elle vous permet de choisir où le diaporama va s'afficher dans la page. La position "libre" vous permet d'insérer du contenu avant et après le diaporama en saisissant [MODULE] à l'endroit voulu dans votre page. Avec des versions 9 de Zwii plus anciennes vous pouvez remplacer par FTP le fichier core/module/page/view/edit/edit.js.php par celui contenu dans l'archive et dont on a parlé plus haut. Si non votre diaporama s'affichera uniquement en bas de page. Cliquez sur l'icone "roue dentée", positionnée à côté du choix de module, pour passer à l'étape 3. 3 - Choisir le dossier contenant les images Vous aurez au préalable chargé les images du diaporama dans un dossier à l'intérieur de site/file/source/ (par FTP ou par le gestionnaire de fichiers intégré à Zwii). A ce propos 3 remarques : * Le diaporama va s'adapter automatiquement au format (16/9, 4/3,...) ou à l'orientation des images mais je trouve que le meilleur résultat visuel sera obtenu avec des images de même format et de même orientation. Mais ce n'est qu'une opinion personnelle, vous êtes libre de mixer différentes images. * Le diaporama va afficher l'image dans le même conteneur quelque soit sa taille, une image trop petite va être dilatée, une image trop grande va augmenter le temps de chargement du diaporama. Je vous conseille des images de largeur minimum 800px si votre paramétrage de la " Largeur maxi du diaporama " est à 800px. * L'ordre de passage est maintenant paramétrable. Saisissez un nom, sélectionnez un dossier cible puis cliquez sur l’icône dossier. Vous devez obtenir ceci : Pour passer à l'étape suivante cliquez sur l'icône "crayon" située sous "Paramétrage du diaporama". 4 - Paramétrage du diaporama. Sur cette page de paramétrage, après un rappel du nom et du dossier cible des images, vous avez accès aux réglages suivants : Choix du type de navigation manuelle par boutons ou par zones droite ou gauche de l'image, Choix du type de boutons, flèche dans un rectangle noir ou dans un cercle blanc. Visibilité des puces de navigation ou pager, Largeur maxi du diaporama en pixels, le réglage "100%" correspond à la largeur du site définie en configuration - 40 pixels, La durée de la transition, en secondes ou en millisecondes, entre diapositives (fading) , La durée totale d'affichage, en secondes ou en millisecondes, d'une image (fading compris, au minimum durée de la transition + 100ms), La visibilité de la légende uniquement au survol de l'image, toujours visible ou jamais visible, La position de la légende en bas ou en haut de l'image, Le temps d'apparition de la légende et des boutons, Le choix du type de tri des images, La saisie des légendes. N'oubliez pas d'enregistrer. # C'est possible Dans un même site Zwii vous pouvez insérer plusieurs diaporamas avec pour chacun des paramétrages différents. # C'est pas possible Dans une page Zwii vous ne pouvez insérer qu'un seul diaporama. Avec Zwii ce n'est pas possible d'insérer plus d'un module par page, vous ne pourrez donc pas insérer un diaporama (module slider) dans une page de blog (module blog) ou dans un formulaire (module form). Contributeur sylvainlelievre Soumis 25/09/2019 Catégorie Galeries  
  4. Version 2.0.0

    40 téléchargements

    Le 30/03/2018, @dogMine a posté cette demande sur le forum de support de ZwiiCMS : " Comme ce CMS est surtout destiné aux novices par sa simplicité d'utilisation, ce serait bien d'intégrer un système de réduction du poids des images dans le gestionnaire de fichiers, j'ai déjà vu ça sur des sites. Sinon avez-vous une idée d'un script java ou php pour faire ce genre de choses automatiquement, avant ou après l'upload ? Avant, ce serait mieux." Avec ce plugin, qui reprend le script de Mitrajit Samanta, la compression ne sera pas automatique, mais elle se fera pendant le transfert de l'image vers le serveur. L'auteur du script a prévu de faire également monter l'original sur le serveur pour permettre de comparer le rendu des deux images. On a tenu à conserver cette fonctionnalité, mais en ajoutant un lien pour supprimer l'image originale si on le désire, dans le cas d'hébergements limités en espace, par exemple. On a francisé l'interface et apporté quelques modifications supplémentaires mais, faute de temps, on n'a pas revu la partie css — désolé ! Sans la contribution de @CroqueWeb, le taux de compression n'aurait pas retrouvé le caractère optionnel qu'il avait dans le script d'origine (valeurs par défaut : 75% pour les formats jpg et gif, 6 pour le format png) ; la réduction ne serait pas pleinement fonctionnelle : déclarez la dimension qui vous intéresse (largeur ou hauteur), l'image conservera ses proportions. Avertissement Le plugin installe le répertoire "mtb" dans "core/vendor" et ajoute une icône à la barre d'outils d'administration en inscrivant une ligne dans "core/core.php". Si vous avez personnalisé ce fichier, faites-en une copie de sécurité, même si le module de désinstallation vous le restituera dans son état initial. Installation Dézippez l'archive. Ouvrez le dossier "mtb_install". Téléversez le fichier "index.php" et les dossiers "core" et "site" qu'il contient à la racine du répertoire d'installation de votre site. Acceptez le remplacement du fichier "index.php". Connectez-vous à votre site ou rafraîchissez la page. C'est fait. Utilisation Cliquez sur le bouton "Compresser pendant le transfert" dans la barre d'outils d'administration et suivez les indications. Des messages d'erreur vous redirigeront le cas échéant. Conseil Ne cherchez pas à compresser des images déjà compressées : avec un taux de 80%, non seulement elles ne perdent pas de poids, mais elles en prennent un peu : Désinstallation Procédez comme pour l'installation, mais avec le module "mtb_restaure".
  5. MTB Compressor Voir le fichier Le 30/03/2018, @dogMine a posté cette demande sur le forum de support de ZwiiCMS : " Comme ce CMS est surtout destiné aux novices par sa simplicité d'utilisation, ce serait bien d'intégrer un système de réduction du poids des images dans le gestionnaire de fichiers, j'ai déjà vu ça sur des sites. Sinon avez-vous une idée d'un script java ou php pour faire ce genre de choses automatiquement, avant ou après l'upload ? Avant, ce serait mieux." Avec ce plugin, qui reprend le script de Mitrajit Samanta, la compression ne sera pas automatique, mais elle se fera pendant le transfert de l'image vers le serveur. L'auteur du script a prévu de faire également monter l'original sur le serveur pour permettre de comparer le rendu des deux images. On a tenu à conserver cette fonctionnalité, mais en ajoutant un lien pour supprimer l'image originale si on le désire, dans le cas d'hébergements limités en espace, par exemple. On a francisé l'interface et apporté quelques modifications supplémentaires mais, faute de temps, on n'a pas revu la partie css — désolé ! Sans la contribution de @CroqueWeb, le taux de compression n'aurait pas retrouvé le caractère optionnel qu'il avait dans le script d'origine (valeurs par défaut : 75% pour les formats jpg et gif, 6 pour le format png) ; la réduction ne serait pas pleinement fonctionnelle : déclarez la dimension qui vous intéresse (largeur ou hauteur), l'image conservera ses proportions. Avertissement Le plugin installe le répertoire "mtb" dans "core/vendor" et ajoute une icône à la barre d'outils d'administration en inscrivant une ligne dans "core/core.php". Si vous avez personnalisé ce fichier, faites-en une copie de sécurité, même si le module de désinstallation vous le restituera dans son état initial. Installation Dézippez l'archive. Ouvrez le dossier "mtb_install". Téléversez le fichier "index.php" et les dossiers "core" et "site" qu'il contient à la racine du répertoire d'installation de votre site. Acceptez le remplacement du fichier "index.php". Connectez-vous à votre site ou rafraîchissez la page. C'est fait. Utilisation Cliquez sur le bouton "Compresser pendant le transfert" dans la barre d'outils d'administration et suivez les indications. Des messages d'erreur vous redirigeront le cas échéant. Conseil Ne cherchez pas à compresser des images déjà compressées : avec un taux de 80%, non seulement elles ne perdent pas de poids, mais elles en prennent un peu : Désinstallation Procédez comme pour l'installation, mais avec le module "mtb_restaure". Contributeur PeterRabbit Soumis 12/04/2018 Catégorie Modules  
×
×
  • Créer...