wpengine

wpengine

Welcome, Guest
Username: Password: Remember me
Forgot your password? Forgot your username? Create an account
Forum
Animate It!
Questions
How can I use Animate It! as an image roll over?

TOPIC: How can I use Animate It! as an image roll over?

How can I use Animate It! as an image roll over? 9 years 10 months ago #88

  • stephen
  • stephen's Avatar
  • Offline
  • New Member
  • Posts: 3
  • Karma: -9
How can I use Animate It! as an image roll over?
I would want one image to fade in over a background image on roll over.
Is this possible, or am I over thinking how to do a roll over?
The administrator has disabled public write access.

How can I use Animate It! as an image roll over? 9 years 10 months ago #89

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
Hi stephen,

It can be possible using hierarchy of DIV elements as explained below:
<div style="<background image>">
       <div class="<GENERATED ANIMATION CLASSES HAVING FADEIN/FADEOUT EFFECT>">
                   <img src="<IMAGE PATH>" />
       </div>
</div>

Example:
<div style="background-image: url(...)">
      <div class=" animated fadeIn delay2 eds-on-hover">
		<img src="" />
      </div>
</div>

You can find class generator here: downloads.eleopard.in/class-generator.html

Let us know If this works.
Last Edit: 9 years 10 months ago by eLEOPARD.
The administrator has disabled public write access.
Forum
Animate It!
Questions
How can I use Animate It! as an image roll over?
Time to create page: 0.111 seconds

Need Customization? Feel free to...

Contact Us

If you like these extensions, help us buy Yoga Mats :)