I want to create a simple image mouse-over effect. In which another image is shown as a visitor hovers over the original image. No fancy effects nor text-effects needed. Just a simple onmouseover and onmousout-like behaviour. How can this be done in Salient?
I want to create a simple image mouse-over effect. In which another image is shown as a visitor hovers over the original image. No fancy effects nor text-effects needed. Just a simple onmouseover and onmousout-like behaviour. How can this be done in Salient?
Hey Wim!
Most likely you will have to add in some custom html and css in a RAW HTML Page element in the visual composer.
Thanks
ThemeNectar Support Team
Thanks Tahir. But whatever I try, I cannot get it to work. The HTML appears to be changed when published. I try to do the rollover like this:
<img src="http://www.bwkpartners.com/wp-content/uploads/2014/09/Uri-Aloni.jpg"
onmouseover="this.src='http://www.bwkpartners.com/wp-content/uploads/2014/09/Uri-Aloni-over.jpg'"
onmouseout="this.src='http://www.bwkpartners.com/wp-content/uploads/2014/09/Uri-Aloni.jpg'">
You can see the result on this page: http://www.bwkpartners.com/specialisten/
No roll-over... When inspecting the page, I see errors every time I mouse-over the image however...
Tried all sorts of ' and " already.
This is driving me nuts. Help is very much appreciated.
Kind greetings,
Wim
Hey!
Please turn off the minification of JS files which is likely causing the JS errors .
Thanks
ThemeNectar Support Team
That did the trick! Thanks Tahir.