Изменить путь изображения src к data-src на Drupal 7

Question

Я хочу использовать плагин LazyLoad. Искали модули об этом плагине jQuery, но не работают для меня. Более того, будет использоваться множество опций.

Итак, первое правило:

Последняя версия Ленивый нагрузки не капля в замене на ваш веб-страницы. Новые браузеры загружают изображение, даже если вы удаляете атрибут src с JavaScript. Теперь вы должны изменить свой html-код. Поместите заполнитель изображение в атрибут src вашего тега img. Реальный 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) . ' />'; 
}