画像を遅延ロードするプラグインを使用していますhttp://wordpress.org/plugins/unveil-lazy-load/
if(is_feed() || is_preview() || self::is_smartphone()) return $content;
if ( strpos( $content, 'data-src' ) !== false )
return $content;
$dummy_image = self::get_url('b.gif');
$content = preg_replace( '#<img([^>]+?)src=[\'"]?([^\'"\s>]+)[\'"]?([^>]*)>#', sprintf( '<img${1}src="%s" data-src="${2}"${3}><noscript><img${1}src="${2}"${3}></noscript>', $dummy_image ), $content );
return $content;
}
私が収集したものから、これはコンテンツ「data-src」が存在するかどうかを確認し、ロードされていない場合は、データがロードされるまでソースに「b.gif」を追加してから、画像を遅延ロードします。
この行を使用して:
$dummy_image = self::get_url('b.gif');
代わりにプリロードされた画像にクラスを追加できるように、実際の画像を追加しようとしています。
どんな提案も役に立ちます。