Image Effect In Website

Please can anyone tell me the coding in terms of Js, css for displaying image effect like one in http://dalailama.com/ ie changing of images one after another. If possible let me k

Solution 1:

This should do the trick:

HTML:

<divid="testers"><divclass="tester"><imgsrc="http://regmedia.co.uk/2008/03/18/google_adwords_machine.png"alt="" /></div></div><divid="morework"><divclass="holderdiv"><divclass="tester"><imgsrc="http://www.swwebs.co.uk/images/google-pagerank.jpg"alt="" /></div></div><divclass="holderdiv"><divclass="tester"><imgsrc="http://regmedia.co.uk/2008/03/18/google_adwords_machine.png"alt="" /></div></div></div>

CSS:

#morework{display:none;}

jQuery:

 $(document).ready(function(){
   functionrunIt(){
     $('#morework').find('.holderdiv').each(function(i, elem) {
       $("#testers").delay(5000).fadeOut(1000, function() {
         $(this).html($(elem).html());
       }).fadeIn(1000, runIt);
     });
   };
   runIt()
 });

Check it out in action here - http://jsfiddle.net/sfsPx/