Сменить атрибут у тега img
Пытаюсь задействовать последнюю версию jQuery плагина lazyload.
Дело в том, что последняя версия "просит" для изображений атрибут "data-original", а для гифки подгузки - атрибут scr. Т.е. нужно сменить атрибут scr на data-original. А в атрибут scr прописать путь до гифки. В конце скрипта плагина делаю так: (function($) { $(document).ready(function(){ var dataoriginal = $("#content img").attr("src"); $("#content img").attr("data-original", dataoriginal); $("#content img").attr("src", "images/loader.gif"); $("#content img").lazyload({ effect : "fadeIn" }); }); })(jQuery); Проблема в следующем: Подгрузка работает, но всем изображениям задается атрибут data-original от первого изображения на странице. И соответственно на всей странице повторяется только 1-е изображение. P.S.: по ряду причин в html влезать нельзя |
lifecom,
откройте для себя .each() Вызывает заданную функцию для каждого элемента набора это var dataoriginal = $("#content img").attr("src"); $("#content img").attr("data-original", dataoriginal); $("#content img").attr("src", "images/loader.gif"); вам нужно проделать с каждым img |
Цитата:
Вместо гифки лучше отображать текущее загруженное изображение. Лучше всего когда jpeg сохранен в "прогрессивном" формате, тогда картинка отображается сразу и по мере загрузки становится четче. |
Часовой пояс GMT +3, время: 11:21. |