Plugin Galerie Follow Mouse WARC

12.00

(4 avis client)

Affichez une superbe galerie photo avec titre et texte descriptif dans votre site WebAcappella Responsive !

Prévisualiser

Description

Le Plugin Galerie Follow Mouse WARC vous permet d’afficher une galerie d’image avec un effet de suivi de la souris !

Affichez une superbe galerie photo avec titre et texte descriptif dans votre site WebAcappella Responsive grâce au Plugin Galerie Follow Mouse WARC. Un filtre vient se placer sur l’image survolée par votre souris, mais le mieux, c’est que ce filtre suit le mouvement de votre souris. Ce qui donne un petit coté dynamique à votre page.

Au clic d’une image, un diaporama s’ouvre en pleine page (fullscreen) vous pouvez alors naviguer à travers toutes les images de la galerie grâce au flèche de navigation personnalisable.

Parfaitement personnalisable, ce plugin donnera un petit coup de dynamisme et de modernité à votre site !

 

L’installation du Plugin Galerie Follow Mouse WARC nécessite l’utilisation d’un client ftp.

Contenu du dossier :

  • dossier CSS
  • dossier JS
  • dossier images
  • codes HTML
  • notice d’installation

English documentation
 

Installation d’un plugin

Une notice d’installation détaillée est fournie avec chaque plugin.

Lors de l’installation d’un plugin, il est nécessaire d’avoir installé sur son ordinateur un logiciel d’édition de code comme Sublime Text (logiciel gratuit pour Mac et PC). Ainsi qu’un Client FTP tel que Cyberduck (logiciel gratuit pour Mac et PC). Sans ces deux logiciels, l’installation et la personnalisation des plugins sont impossible.

Les fichiers faisant fonctionner les plugins étant installés sur votre serveur, le mode “test” de WebAcappella Responsive n’affiche pas les plugins puisque cette pré-visualisation se fait en local. Il est donc impératif de publier son site pour voir apparaitre correctement le plugin.

4 avis pour Plugin Galerie Follow Mouse WARC

  1. JPG

    Bonjour,
    Merci pour vos plugins,
    dans ce Plugin “Galerie Follow Mouse WARC” je souhaiterais s’il vous plait diminuer la dimension des images en diaporama, car la zone de visualisation des images en mode diaporama est trop grande, cela est-il possible? et comment?
    Merci,
    Cordialement,

  2. Yannick L

    Salut les Tontons,
    Aaaaaaaaaaaaaaah , seulement 2 * pas que le plugins n’en vaut pas 5 * mais pas de réponse à JPG depuis presque 2 ans et moi
    c’était presque pour la même raison , diminution des tailles d’images mais pas dans le diaporama car je n’en voulais pas ( pas de diaporama ? pas de chocolat !! ;-)) ) , j’ai bien descendu leur taille ( la même qui me convenait dans l’image due l’élément texte que je voulais remplacé…) mais ça ne bouge pas toujours la même taille.
    Je n’ai gardé que le filtre et c’est ok.
    Bon je me dis que comme c’est pas dans le HTML, ni dans le CSS que l’on peut modifier la taille c’est donc dans le JS, encore faut il avoir les sources ….
    Bon week-end
    Amitiés
    YL

  3. Yannick L

    Hi, les tontons,
    Après quelques bières, je me suis dit que non cela devait être dans le CSS , bon ok j’ai pu adapté la taille de mes images , replacer correctement la taille et les marges du texte, reeste à régler le problème suivant ; au survol le filtre continue au dela de mon image il doit y avoir une histoire de fin de quelque chose marge ou autre allez je repars au turf.
    J’espère que vous êtes devant le BBQ avec un petit jaune…
    @+
    YL

    • L’équipe Tonton du Web

      Salut Yannick, pardon mais, j’ai rien compris 😉
      Concernant la demande de JPG, ce n’est pas possible, c’est le principe du plugin que d’afficher l’image au clic en plein écran. L’image s’adapte à la taille de l’écran.
      Pour votre question, qu’est ce que vous souhaitez faire exactement ?

  4. Yannick L

    Salut Tonton et merci pour le retour,
    Voilà, j’ai bien réussi à diminuer la taille (width) de mes images, la taille du filtre , 80%
    dans style CSS
    ici pour l’image
    /*taille de l’image en % 100*/
    .da-thumbs li a,
    .da-thumbs li a img {
    display: block;
    position: relative;
    width: 80%;
    }

    et ici pour le filtre
    /*taille du filtre en % 100*/
    .da-thumbs li a div {
    position: absolute;
    top: 0em;
    right: 0em;
    /*orange 226-115-34*/
    background:rgba(226, 115, 34, 0.4);
    width: 80%;
    height: 100%;
    }

    le problème c’est que le filtre disparaît** au niveau de l’ancienne taille ( 100% ) je voudrais donc qu’il disparaisse à la fin de l’image et du filtre ( soit à 80% de la taille initiale)
    **au passage à l’image suivante

    j’espère avoir été plus clair …?
    @+
    Yannick

Seuls les clients connectés ayant acheté ce produit ont la possibilité de laisser un avis.

Personnalisation des plugins

Une notice d'installation détaillée est fournie afin de vous expliquer comment personnaliser les plugins.

Afin de personnaliser un plugin il est nécessaire de toucher au code html de celui-ci. Ainsi qu'au code css.

Pour publier votre site, il vous faudra utiliser un Client FTP tel que Cyberduck (logiciel gratuit pour Mac et PC).

VOIR LE TUTORIEL VIDÉO

Les fichiers faisant fonctionner les plugins étant installés sur votre serveur, le mode "test" de WebAcappella Responsive n'affiche pas les plugins puisque cette pré-visualisation se fait en local. Pour palier à ce problème nous vous invitons à consulter ce tutoriel qui explique comment travailler en local sur son ordinateur : Voir le résultat final d'un plugin sans publier son site web