Эффект градиента JQuery загружается при загрузке изображения

Автор:матрица Наблюдение: 4,685 Второсортный Время выпуска: 1 октября 2011 г. Классификация：Wordpress эклектика | 2 комментарии »

Эта тема создана 3987 дней назад, и информация могла меняться или меняться.

Посмотреть последние статьи>>Улучшите отложенную загрузку изображений для постепенного отображения специальных эффектов.

Преимущества спецэффектов:

1. ускорятьсяWordPressСкорость загрузки страниц сайта；
2. Ненавязчивый метод затемнения изображения;
3. сокращение кода,Простота в эксплуатации и обслуживании,jsКод только 1.6KB  Предпосылки:：Ваш сайт загружен Jquery.js

принцип:

Этот спецэффект встречается редко.И великолепно, и ускоренноЭффект,Потому что он может определить, просматривает ли посетитель текущую картинку.,нравитьсяНетЗатем загрузите зарезервированное изображение заливки. grey.gif , реальный адрес изображения не будет загружен до тех пор, пока посетитель не прокрутит колесо мыши или не перейдет к местоположению изображения.

Другими словами, если посетитель мгновенно откроет вашу страницу, а затем мгновенно закроет ее, изображение в футере не загрузится. Почему бы и нет?

Не нужно беспокоиться о посетителяхдружелюбие,Этот эффект начнет загрузку изображения перед его просмотром.

Метод реализации:

 jquery.lazyload.js

Предварительно заполненные изображения fill.gif

Адрес загрузки:

http://www.400gb.com/file/29068037

http://yfdisk.com/file/hhtjim/fe2ac2cd/

http://pan.baidu.com/share/link?shareid=1087994774&uk=3238236832

Поместите два файла в сжатый пакет.,вставитьWordPressкаталог,Или вы можете позвонить прямо с внешней станции.

в текущей теме header.php (или загрузить код в index.php в корневой каталог сайта, что я и делаю. Не знаю почему, но его нельзя загрузить в header.php темы) Добавьте следующее в соответствующее место JS-код вызова: 【http://hhtjim.com/jquery.lazyload.jsПожалуйста, настройте некоторые адреса】 【(«img») может ограничить, какой img на странице вступит в силу] Например, измените его на

<script type="text/javascript" src="//www.hhtjim.com/jquery.lazyload.js"></script> <script type="text/javascript"> jQuery(document).ready( function($){ $("img").lazyload({ placeholder : "http://hhtjim.com/fill.gif", effect : "fadeIn" }); }); </script>

Предварительный просмотр эффекта:

Просмотрите любую страницу с несколькими изображениями на этом сайте и прокрутите полосу прокрутки, чтобы увидеть эффект.

ссылка:

http://www.appelsiini.net/projects/lazyload

http://imtimmy.com/jquery-lazyload-for-wordpress-img/

http://www.neoease.com/lazy-load-jquery-plugin-delay-load-image/

http://dl.epinv.com/post/304.html