Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #311884

    I am trying to complete a photography website and wish to feature before and after images. Is there a good way to create a rollover or hover in the Enfold theme? I want to show the original picture and then hover to show the new and improved picture.

    #311892

    Hey Nimrod32!

    You can add HTML as following

    <img onmouseover="this.src='path-to-mouse-over-image';" onmouseout="this.src='path-to-normal-image';" src="path-to-normal-image" alt="what-ever-you-like"  />

    It would be a lot easier if you use one of “before/after” plugins

    Best regards,
    Yigit

    #483618

    Hey Yigit!

    I tried to use the code but after saving it always converts to a regular image, not only in the appearance but also code-wise. Do you know what I can do?

    Best regards,

    Arkadi

    #483964

    Hi!

    Please use code block element or text tab on text block element.

    Best regards,
    Yigit

    #484060

    In the text blog the code always changes to a regular image after saving. In the code block it stays.

    When I tried it before the effect wasn´t there. Now I have the image rollover effect but when I want to make the image clickable the “icon hover effect” seems to interfere with the changing image. So it doesn´t work with clickable images right now. And the code is still changing in text blocks.

    #484584

    Hey!

    please search for a “before/after” plugin as Yigit already mentioned.

    Cheers!
    Andy

    #484659

    Can you recommend any specific plugin? I´ve tried several and nothing is working with clickable images. Even removed the regular icon hover effect via quick css. Still not working.

    #485142

    Hi!

    I’m not sure if there is a plugin for this but there’s a lot of css image swap tutorials that you can follow. Example:

    http://css3.bradshawenterprises.com/cfimg/
    http://designmodo.com/image-swap-effect/
    http://davidwalsh.name/css-flip

    Best regards,
    Ismael

    #488249

    Thank you Ismael! This seems to be the best solution.

    #488514

    Hi!

    Great! Let us know if you need anything else. :)

    Cheers!
    Ismael

Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Create Rollover Images’ is closed to new replies.