將圖像路徑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) . ' />'; 
}