网站中的图像效果

时间:2011-02-25 12:42:36

标签: javascript css image-manipulation

请有人告诉我用Js表示的编码,css用于显示http://dalailama.com/中的图像效果,即一个接一个地改变图像。如果可能,请告诉我在侧栏中添加小屏幕的视频链接。

1 个答案:

答案 0 :(得分:1)

这应该可以解决问题:

HTML:

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

CSS:

#morework{display:none;}

jQuery的:

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

点击此处查看 - http://jsfiddle.net/sfsPx/