I notice that with IE7 or 8, using this plugin fadeing an element like a div with some text in it, the text looks very strange while it is fadeing, it becomes irregular. This doesnt happen in FF.

Any solution?

cordialement la france aka /fakessh/

< blink >

alternative here, so how to rewrite this script to get pulsing without clicking start?

I remember that I also went with the opacity at first, but in IE6, it failed. Tried your demo in IE6 and found the same result (no pulsing). Not entirely impossible that it’s just a spook by my ie-browser (as I run IEs4Linux).

So instead of the opacity property I used background-color. Now I know that this would not work with your demo as it pulses an image, but in my case, it fulfilled its task :]

I cannot link to my Class, so I hope you don’t mind if I post my code in this comment.

var Blinker = new Class({ // horrible name

Implements: [ Options ],

options: {
color: ‘#fff’, // fade to color
duration: 500,
times: 1 // how many blinks
},

initialize: function( target, options ){
this.setOptions(options);
this.target = $(target);
this.target.store(‘nativeBg’, this.target.getStyle(‘background-color’));
this.fx = new Fx.Morph( this.target, { duration: this.options.duration } );
this.count = this.options.times;
},

blink: function(){
if( this.count > 0 ) {
this.fx.start( { ‘background-color’: this.options.color } ).chain( function() {
this.fx.start( { ‘background-color’: this.target.retrieve(‘nativeBg’) } );
}.bind( this ));
this.count–;
this.blink.delay( this.options.interval * 2.2, this ); // 0.2 buffer
} else {
this.count = this.options.times; // reset
}
}
});

Anyway, this actually makes sense in some places: a recording indicator for time tracking, replacement for the ever-loved el.highlight(), or “new post” icons on a forum … lots of real uses.

And of course the body tag could use some pulsing^^

I suffer from the same “keep the class generic” issue – but hey, it’s a journey, not a destination.

@Alexander – console.log, being specific for Firebug, can create unneeded issues with example code (especially since most web developer blog audiences arrive on a plethora of browsers). Alert is generic and universal :)