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

Question

我想使用LazyLoad插件。搜索关于这个jQuery插件的模块，但不适合我。而且，会使用很多选项。

所以，第一条规则：

最新延迟加载的版本是不是更换一个拖放到 网页。即使您使用JavaScript删除src属性 ，新浏览器也会加载图像。现在你必须改变你的html代码。将占位符 图像放入您的img标记的src属性中。实际图片url应该是 存储的数据原始属性。好东西是你现在可以把 把你所有的JavaScript放到页面的最后。如果你想支持 非JavaScript浏览器，那么还有一个额外的步骤。您必须在标签内包含 原始图片。阅读下面的文档。

---

但我不知道我能做到这一点？是否有可能使用Javascript？还是另外一个soluitons？

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) . ' />'; 
}