2015-08-17 6 views
0

Так что я хочу использовать Lazysizes (ленивые загрузки реагирующих изображений). В моем стеке Grunt включен модуль адаптивных изображений, который выводит отзывчивый код изображения (srcset) из простого тега «img» с атрибутом «src». Однако для Lazysizes требуется атрибут «data-srcset» вместо атрибута «srcset». Я добавил скрипт на свою страницу, который изменяет атрибуты «srcset» на атрибуты «data-srcset», но это не так, поскольку изображения уже загружены во время выполнения. Было бы идеально, если бы я мог менять теги с помощью Grunt, так как нет никакой пользы в том, чтобы изменить их вживую.Использование Grunt для внесения изменений DOM

Это кажется очень распространенным явлением, но я не могу найти хороший способ сделать это. String replace не кажется идеальным решением, так как это может вызвать проблемы, если я когда-либо использовал «srcset =» в своем коде.

ответ

1

Я дал grunt-responsive-images-extender главных преобразования и добавлен возможности изменить имя атрибута srcset все, что вы хотите (data-srcset в вашем случае) с помощью опции srcsetAttributeName.

0

Существует ворчащие загар под названием dom_munger. С dom_munger вы можете изменять атрибуты HTML и делать много интересного; однако я не могу найти способ изменить имя атрибута на другое. Перхапсу вы можете лучше проверить его.

Смежные вопросы