RSS-подписка

RSS-лента

Новые статьи

Последние комментарии


Получать обновления на эл. почту

Ваш e-mail:

Рассылка новостей от Loco

Java-скрипт работа с css-свойствами

Нет картинки Скрипт галереи lazy конфликтует где-то, поэтому пришлось написать скрипт, корректирующий его работу.

Добавляем скриптом свойство opacity = 1 для каждого элемента, и подставляем в src у изображений значение из атрибута data-original. Делаем задержку в 1000мс

$(document).ready(function() {
    //var delay = 50;
    //$('.lazy').css("opacity", 0);
    $('.lazy').each(function(i,elem) {
        var src = $(elem).attr('data-original'); 
        setTimeout(function () {
            $(elem).attr('src', src);
            $(elem).css("opacity", 1);
            //$(elem).style.filter  = 'alpha(opacity=100)'; // IE fallback
        }, 1000);
        // $(elem).removeClass('lazy');
        //delay = delay+50;  
    });
});

 

Источник: loco.ru

almix
Разработчик Loco, автор статей по веб-разработке на Yii, CodeIgniter, MODx и прочих инструментах. Создатель Team Sense.

Вы можете почитать все статьи от almix'а.



Другие статьи по этой теме:

Комментарии (0)     Подпишитесь на RSS комментариев к этой статье.