网站中的图像效果 [英] Image effect in website

问题描述

请任何人告诉我有关显示图像效果的Js，css编码，就像 http://dalailama.com中的代码一样/，即一张一张一张地换一张图片.如果可能的话，请告诉我有关在带有次屏幕的侧边栏中添加视频链接的信息.

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 know about adding video link in the sidebar with the minor screen.

推荐答案

这应该可以解决问题:

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/

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

这篇关于网站中的图像效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！