javascript - 网站图片效果

Question

请谁能告诉我Js，css 方面的编码，以显示像http://dalailama.com/ 中的图像效果。即一个接一个地改变图像。如果可能的话，让我知道如何在带有小屏幕的边栏中添加视频链接。

Answer 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/