jquery - Pinterest スタイルの画像の読み込み

Question

ピンタレストが画像をフェードインさせるために何をしているのか、知っている人がいるかどうか疑問に思っています。

私は自分のウェブサイトで似たようなことをしようとしていますが、Stackoverflow で見つけたコードの一部を jQuery で実行してもうまくいきません。

<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