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"

Reply to this topic