Pinterest样式图像加载

Question

只是想知道是否有人知道Pinterest在做什么使图像像他们一样淡入。

我想在我的网站上做类似的事情，但jQuery在Stackoverflow上找到的代码位不起作用。

<script type="text/javascript"> 
$(".banner").bind("load", function() { $(this).fadeIn(); }); 
</script> 

      <img class="banner" src="/<?php echo $bannerurl ?>" /> 

或者

<script type="text/javascript"> 
    $(document).ready(function() { 
    $(".banner").hide(); 
    $(".banner").bind("load", function() { $(this).fadeIn(); }); 
    }); 
</script> 

Answer 1

好像你可能过于复杂的事情。

HTML：

<img src="http://placekitten.com/200/300" class="fadein" /> 

CSS：

.fadein { display: none; } 

的jQuery：

$('.fadein').fadeIn(2500); 

DEMO HERE