Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

Rejoignez le forum, c’est rapide et facile

Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.
Communauté francophone - Jimdo
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le deal à ne pas rater :
(CDAV) Foire aux vins : -20% dès 99€ d’achat
Voir le deal

effet rollover avec titre sur galerie d'image

3 participants

Aller en bas

effet rollover avec titre sur galerie d'image Empty effet rollover avec titre sur galerie d'image

Message par ulysse Dim 22 Nov 2015 - 0:17

bonjour,
je cherche désespérément à recréer un effet que j'avais eu un temps grâce à un snippet ("Photo Gallery: Mouse Follow Inverted Hover Effect », de chez Snipzoo, et qui ne marche plus depuis 1 an...)
un effet rollover avec affichage d'un titre sur chaque image d'une galerie d'image en mode grille.
il ressemblait au 5eme exemple présenté ici:
http://tympanus.net/codrops/2011/11/02/original-hover-effects-with-css3/

j'ai vu un certain nombre de tutos pour des effets de rollover (notamment chez jimdo) qui jouent sur la taille ou l'opacité, mais pas pour l'apparition d'un titre sur l'image; et surtout, pas non plus pour les images d'une galerie d'image.

mon site: www.ulysselacoste.com
Tout renseignement, idée ou conseil me seraient précieux! je vous remercie d'avance

ulysse

Messages : 3
Date d'inscription : 21/11/2015

http://www.ulysselacoste.com

Revenir en haut Aller en bas

effet rollover avec titre sur galerie d'image Empty Re: effet rollover avec titre sur galerie d'image

Message par Solie Dim 22 Nov 2015 - 2:58

Oui, beaucoup de snippets Snipzoo sont devenus obsolètes à l'arrivée des nouveaux designs.

Par contre, certains effets Rollover de l'aide Jimdo fonctionnent très bien sur les galeries images ! agrandissement (raisonnable), lumière, flou... J'ai d'ailleurs utilisé l'effet lumière sur la galerie de ma page d'accueil.

Pour que du "faux texte" apparaisse sur votre image, il vous faudra préparer une image-texte pour chaque image, et travailler depuis l'élément colonnes. En effet, vous aurez besoin de l'élément widget/html, donc pas possible depuis une galerie. Vous travaillerez avec deux images.
Voici l'aide Jimdo correspondante.

Il est également possible d'avoir du "vrai texte" sur une image au passage de la souris en créant un code JavaScript plus ciblé. Si vous ne maîtrisez pas ce langage compliqué, je vous invite à faire appel à un Jimdo Expert.

Dans votre exemple numéro 5, le code semble être du CSS3*. Je ne sais pas si cette formule peut s'adapter à une galerie d'images de Jimdo. Les Rollover CSS3 fonctionnant très bien en galerie, ça vaut peut-être le coup d'essayer avant de vous lancer dans la création de vos image-textes Wink

*Edit : Oui, c'est marqué dans le lien ^^
Solie
Solie

Messages : 514
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

effet rollover avec titre sur galerie d'image Empty Re: effet rollover avec titre sur galerie d'image

Message par Alain Lun 23 Nov 2015 - 21:32

Bonsoir,
cela fait quelques années que je suis régulièrement ce site et particulièrement "Marylou" pour ses bons tutoriels. Rien ne vous empêche de mettre en place ce fameux tuto n°5 en suivant méthodiquement la mise en place. J'avais mis en place celui-ci sur un site tests : http://newtemplates2.jimdo.com/
et bien d'autres que j'ai installé sur différents sites. Dans votre cas le mieux est de vous créer un site test pour vous faire la main.
Cordialement
Alain
Alain
Alain

Messages : 148
Date d'inscription : 06/10/2014

http://newtemplates2.jimdo.com/

Revenir en haut Aller en bas

effet rollover avec titre sur galerie d'image Empty Re: effet rollover avec titre sur galerie d'image

Message par ulysse Mar 24 Nov 2015 - 2:11

Merci Solange,
En mode galerie, vous pensez qu'il est possible d'avoir du "vrai texte" au passage de la souris via du java script?

Et merci aussi Alain,
Je vais faire les tests en CSS3 sur un autre site...

et sinon, j'avais bien en vue l'alternative d'une 2eme image-texte pour chaque image, sans utiliser le mode galerie... mais c'est beaucoup de travail, j'ai énormément d'images! et c'est dommage car les nouvelles galeries sont compactes et très belles.

ulysse

Messages : 3
Date d'inscription : 21/11/2015

http://www.ulysselacoste.com

Revenir en haut Aller en bas

effet rollover avec titre sur galerie d'image Empty Re: effet rollover avec titre sur galerie d'image

Message par Solie Mar 24 Nov 2015 - 2:32

ulysse a écrit: En mode galerie, vous pensez qu'il est possible d'avoir du "vrai texte" au passage de la souris via du java script?
Non, en mode colonnes à agencer en carrés dans votre cas, car vous aurez besoin de l'élément widget/HTML pour les notions de style.

Oui, les galeries Jimdo sont très belles. Dès que vous parviendrez à adapter le code de votre exemple sur les images de votre galerie, c'est ce qui rendra le mieux !


Dernière édition par Solie le Mer 2 Déc 2015 - 12:00, édité 1 fois
Solie
Solie

Messages : 514
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

effet rollover avec titre sur galerie d'image Empty Re: effet rollover avec titre sur galerie d'image

Message par ulysse Mer 25 Nov 2015 - 0:17

je vous remercie encore!

ulysse

Messages : 3
Date d'inscription : 21/11/2015

http://www.ulysselacoste.com

Revenir en haut Aller en bas

effet rollover avec titre sur galerie d'image Empty Re: effet rollover avec titre sur galerie d'image

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum