Advanced CSS Animator Support Product Page
Hi, how do I make an image fade in and out continuously?
Asked 01 Mar 2014 17:45:17
1
has this question
01 Mar 2014 17:45:17 Simon Howell posted:
I tried adding opacity from zero to 100, but could see how to repeat the process. I then tried blink, but that didn't seem to make a difference either.Here is the code I currently have which uses the pre-built blink option:
<script type="text/javascript" src="../ScriptLibrary/jquery-latest.pack.js"></script> <script type="text/javascript" src="../ScriptLibrary/jquery.easing.1.3.js"></script> <script type="text/javascript" src="../ScriptLibrary/jquery.dmxzone_animations_pack.js"></script> <script type="text/javascript"> function dmxAnimate() {//v1.0 jQuery.dmxAnimate.apply(this, arguments); } </script> <header id="headerTop"> <div id="logoContainer"> <a href="../index.shtml"><img src="../images/logo.png" width="358" height="98" alt="Furbay Electric Supply Co. Home"></a><img src="../images/80th-banner.png" alt="" width="240" height="78" onload="dmxAnimate(this, {'opacity': 1}, {'opacity': 'step:$(fx.elem).css(\'opacity\',Math.cos((fx.now*360*4)*Math.PI/180));'})"/>
Replies
Replied 01 Mar 2014 21:35:29
01 Mar 2014 21:35:29 Simon Howell replied:
I ended up using the built in DW jQuery effect for pulse.
Replied 04 Mar 2014 10:08:12
04 Mar 2014 10:08:12 Teodor Kuduschiev replied:
Hello Simon,
Animating opacity from 0 to 1, set the duration, click Advanced and there you ca select "Repeat Forever"
Animating opacity from 0 to 1, set the duration, click Advanced and there you ca select "Repeat Forever"