effet rollover avec titre sur galerie d'image
3 participants
Page 1 sur 1
effet rollover avec titre sur galerie d'image
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
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
Re: effet rollover avec titre sur galerie d'image
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
*Edit : Oui, c'est marqué dans le lien ^^
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
*Edit : Oui, c'est marqué dans le lien ^^
Re: effet rollover avec titre sur galerie d'image
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
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
Re: effet rollover avec titre sur galerie d'image
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.
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.
Re: effet rollover avec titre sur galerie d'image
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.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?
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
Sujets similaires
» Effet rollover sur sous-titre images
» effet rollover - remplacer une image par une autre ne fonctionne plus
» Donner un titre visible aux images d'une galerie
» Effet de défilement avec uniquement couleur de fond
» Rollover simple
» effet rollover - remplacer une image par une autre ne fonctionne plus
» Donner un titre visible aux images d'une galerie
» Effet de défilement avec uniquement couleur de fond
» Rollover simple
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|