0

LazyLoadプラグインを使用したい。この jQuery プラグインに関するモジュールを検索しましたが、うまくいきません。さらに、多くのオプションを使用します。

したがって、最初のルール:

Lazy Load の最新バージョンは、Web ページに置き換わるものではありません。JavaScript で src 属性を削除しても、新しいブラウザでは画像が読み込まれます。ここで、html コードを変更する必要があります。プレースホルダー画像を img タグの src 属性に入れます。実際の画像の URL は data-original 属性に格納する必要があります。良いことは、すべての JavaScript をページの最後に配置できるようになったことです。JavaScript 以外のブラウザーをサポートする場合は、追加の手順があります。タグ内に元の画像を含める必要があります。以下のドキュメントをお読みください。

しかし、私はこれを行うにはどうすればよいかわかりませんか？Javascriptは可能ですか？それとも別のソリューションですか？

4

1 に答える 1

0

ほとんどの画像はtheme_image()、次のようにテーマの template.php ファイルでオーバーライドできます。

function MYTHEME_image($vars) {
  $attributes = $variables['attributes'];
  $attributes['data-src'] = file_create_url($variables['path']); // <-- Change is here

  foreach (array('width', 'height', 'alt', 'title') as $key) {
    if (isset($variables[$key])) {
      $attributes[$key] = $variables[$key];
    }
  }

  return '<img' . drupal_attributes($attributes) . ' />';
}
于 2013-05-13T16:49:55.717 に答える