jquery - 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