javascript - 在 Drupal 7 上将图像路径 src 更改为 data-src

Question

我想使用LazyLoad插件。搜索了有关此 jQuery 插件的模块，但对我不起作用。此外，将使用许多选项。

所以，第一条规则：

最新版本的延迟加载并不是您网页的替代品。即使您使用 JavaScript 删除 src 属性，新浏览器也会加载图像。现在你必须改变你的 html 代码。将占位符图像放入 img 标签的 src 属性中。真实图片 u​​rl 应该存储 data-original 属性。好消息是您现在可以将所有 JavaScript 放在页面末尾。如果你想支持非 JavaScript 浏览器，还有一个额外的步骤。您必须在标签内包含原始图像。阅读下面的文档。

---

但我不知道我该怎么做？可能是Javascript吗？还是其他解决方案？

Answer 1

大多数图像都通过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) . ' />';
}