Okay
  Public Ticket #292651
simple image hover (mouse-over)
Closed

Comments

  • Wim started the conversation

    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?

  •  8,840
    Tahir replied

    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 

  • Wim replied

    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

  •  8,840
    Tahir replied

    Hey!

    Please turn off the minification of JS files which is likely causing the JS errors .

    Thanks


    ThemeNectar Support Team 

  • Wim replied

    That did the trick! Thanks Tahir.