LazyLoadプラグインが自分のコードと協力してくれません

Question

私はプラグインを使用するように練習しています（最初はLazyLoad）。 GitHubに含まれているドキュメントによると、htmlのPexel-picturesにlazyloadクラス名とdata-original属性を挿入しました。また、jQueryスニペットを追加しました。なぜそれがうまくいかないのですか？

HTML：

<img class="lazyload" data-original="https://images.pexels.com/photos/566516/pexels-photo-566516.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" src="https://images.pexels.com/photos/566516/pexels-photo-566516.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" width="350px"height="250"> 

のjQuery：

$(document).ready(function(){ 
    $("img.lazyload").lazyload();  
}); 

LazyLoad docs on GitHub
My code on Codepen

Answer 1

これも仕事のための "SRC" 属性の値を削除してください。 このリンクはあなたの仕事fixed code

<img class="lazyload" data-src="https://images.pexels.com/photos/566516/pexels-photo-566516.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" 

幅= "350px" 高さ= "250">

をして、私は以下の

1. 削除 'SRC'
2. 改名さのデータを変更しました-original 'から' data-src '

注：これはあなたのissu e、答えとしてこの回答にチェックを入れてください。ありがとう。