I was wondering if it is possible to have a banner image show a second image on hover?
I see zoom and color overlay options and another image seems like a very logical option as well.
If it can’t, do you have any ideas on how I might achieve this?
Thanks,
Frank
|
|
Hi Frank,
Unfortunately, this is not possible at the moment. You will have to use some custom solution. Here is something we found on the top of a quick google search:
http://css3.bradshawenterprises.com/cfimg/
BR,
ThemeBurn team
|
|
Wow thanks.. I know this is out of the scope of help…
I almost got it working…
I add a html with the following:
and then a custom css:
#cf {
position:relative;
height:140px;
width:220px;
}
#cf img {
position:absolute;
left:0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
}
#cf img.top:hover {
opacity:0;
}
It fades out on hover perfectly but the images are placed vertically on top of each other, instead of covering the bottom one.
|
|
Hi,
Maybe this additional style will help:
#cf img {
top:0;
}
BR,
ThemeBurn team
|
|
Thank did it, thank you!
Way beyond the call of duty!
Cheers
|
|
Glad we’ve helped.
BR,
ThemeBurn team
|
|