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

Pinterest风格图像加载

1 个答案: