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