-
Posts
-
Hi Kriesi Team,
I have a question:
Is it possible to add a mousehover effect (transparent background + text) on a layers LayerSlider?Example screenshot:
http://img4.hostingpics.net/pics/821587capture1.jpgWebsite link:
http://www.espace-graphique.fr/newsite/Thanks for your help!
egraphiqueYou can create more layers on your slide and give them a class under “attributes”.
Then you should be able to use quick CSS:
`.yourclass {
opacity: 0;
}.yourclass:hover {
opacity: 0.7;
}hope that helps
Hi!
According to the mockup you posted, you’d need to split this image in blocks first:
http://www.espace-graphique.fr/newsite/wp-content/uploads/2014/05/Accueil.jpgRegards,
JosueThanks for your help Flikk & Josue!
My image will be split in blocks, it’s a layout for the moment.
The solution to the opacity with 2 layers is ok but do you have a solution to display the text above, I have not succeeded?
Sorry for my broken English!
Regards,
egraphiqueHi!
I’d suggest instead of that using opacity you could swap the image on hover (you’d need to have two version of each block), something like this:
http://codepen.io/anon/pen/LDkIGCheers!
Josue
- The topic ‘Mousehover effect LayerSlider’ is closed to new replies.