画像の遅延読み込み 「LazyLoad」が出来ない

Question

ブログに画像を沢山使うので、画像を後から読み込むようにするために「LazyLoad」を使おうとしたのですが、うまく出来ませんでした。
私のブログはこちら
ブログ

下記サイトを参考にしました。
参考サイト

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://gajeanism.blog.jp/jquery.lazyload.min.js"></script> 
<script>
  jQuery(function($){
    $(".entry-more").find('img').lazyload({
      effect: "fadeIn"
    });
  });
</script>

Answer 1

これだけエラー出てますよ。
ブラウザ firefox , デバッガ firebug

firebug
一つずつエラーを潰して行きましょう。

Answer 2

間違い：

<script src="http://gajeanism.blog.jp/jquery.lazyload.min.js></script>

正しい：

<script src="http://gajeanism.blog.jp/jquery.lazyload.min.js"></script>

.jsの後ろにダブルクォーテーションが有りません。まずはここを直してお試しください。

Comments

[fu-11]

すみません、質問する際のコードを入力時にバグで消えてしまったようです。ブログのソースのには正しいほうが入っています。

[rik]

直っていないようです。
"NetworkError: 404 Not Found - http://gajeanism.blog.jp/jquery.lazyload.min.js%3E%3C/script%3E%20%3Cscript%3E%20%20jQuery(function($)%7B%20%20%20%20$("
とエラーメッセージが表示されます。

[fu-11]

すみません、直してみました。どうでしょうか？

[rik]

lazyload読込のエラーは無くなりました。
lazyloadが効いているようにも見えます。これでいいのではないでしょうか。
その他の問題等についてはここでは触れません。