Просмотр темы
Подключить lazyload.js к php-fusion? Ускоряем загрузку
|
|
yury |
Опубликовано 07.01.2013 19:57
|
![]() Супер Администратор ![]() Сообщений: 1051 Зарегистрирован: 26.07.2010 13:12 |
Собственно попробовал стандартным способом прописать в header.php скрипт
но все равно все картинки подгружаются сразу без эффекта появления. в чем может быть причина? |
|
|
mishqa35 |
Опубликовано 08.01.2013 06:07
|
![]() Опытный пользователь ![]() Сообщений: 307 Зарегистрирован: 04.01.2011 18:50 |
Все просто, картинки должны иметь вот такой вид grey.gif - прозрачная гифка example.jpg - картинка которая подгружается |
|
|
yury |
Опубликовано 08.01.2013 08:21
|
![]() Супер Администратор ![]() Сообщений: 1051 Зарегистрирован: 26.07.2010 13:12 |
о, и точно. это ж скока надо переписать материалов, чтобы картинки поставить такими) |
|
|
yury |
Опубликовано 08.01.2013 08:23
|
![]() Супер Администратор ![]() Сообщений: 1051 Зарегистрирован: 26.07.2010 13:12 |
mishqa35 написал: Все просто, картинки должны иметь вот такой вид grey.gif - прозрачная гифка example.jpg - картинка которая подгружается хотя если посмотреть на вордпрессе, то там картинки нормального формата. значит есть еще какой то метод) |
|
|
yury |
Опубликовано 08.01.2013 08:27
|
![]() Супер Администратор ![]() Сообщений: 1051 Зарегистрирован: 26.07.2010 13:12 |
нашел как побороть. прописываем вместо оригинального скрипта на этот
и будет счастье) |
|
|
yury |
Опубликовано 08.01.2013 10:21
|
![]() Супер Администратор ![]() Сообщений: 1051 Зарегистрирован: 26.07.2010 13:12 |
единственное пока не придумал как исключить картинки с определнным классом, чтобы на них скрипт не влиял и они отображались сразу. а то например те же смайлики тоже не показываются при открытии если не шевельнуть мышой вниз) |
|
|
mishqa35 |
Опубликовано 08.01.2013 16:49
|
![]() Опытный пользователь ![]() Сообщений: 307 Зарегистрирован: 04.01.2011 18:50 |
и на много часов загрузка сайта уменьшилась? :) А по теме то можно сделать наоборот, чтобы ефект работал на картинках с определенным стилем, а на обычных нет. $("img .class_image").lazyload({.. И ефект будет на всех елементах с <img ... class='class_image'...> |
|
|
Polarfox |
Опубликовано 08.01.2013 18:00
|
![]() Администратор ![]() Разработчики ![]() Группа поддержки ![]() Сообщений: 3381 Зарегистрирован: 20.08.2010 14:03 |
В куари есть вроде и логическое NOT, один хрен по дому бродит.
Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
|
|
|
yury |
Опубликовано 08.01.2013 19:24
|
![]() Супер Администратор ![]() Сообщений: 1051 Зарегистрирован: 26.07.2010 13:12 |
mishqa35 написал: и на много часов загрузка сайта уменьшилась? ![]() А по теме то можно сделать наоборот, чтобы ефект работал на картинках с определенным стилем, а на обычных нет. $("img .class_image" ![]() И ефект будет на всех елементах с <img ... class='class_image'...> так для фоток уже класс лайтбокса прописан, для открытия во всплывающем окне) так что не подойдет)) да и переписывать все статьи и новости как то не вариант) а вот чтобы не применять к определенным пикчам это было бы самое то) |
|
|
yury |
Опубликовано 08.01.2013 19:26
|
![]() Супер Администратор ![]() Сообщений: 1051 Зарегистрирован: 26.07.2010 13:12 |
и на много часов загрузка сайта уменьшилась? ![]() помнишь в аське я тебе писал что у меня на хостере ограничение на большое коилчество коннектов, в связи с чем не все фотки грузились. вот этот скрипт решил эту проблему и фотки теперь все видны при прочтении) |
|
|
yury |
Опубликовано 09.01.2013 09:32
|
![]() Супер Администратор ![]() Сообщений: 1051 Зарегистрирован: 26.07.2010 13:12 |
PolarFox можешь подсказать как исключить картинки с классом noimg из обработки скриптом? сам скрипт выше в сообщении. а то чет не допру |
|
|
Polarfox |
Опубликовано 09.01.2013 11:07
|
![]() Администратор ![]() Разработчики ![]() Группа поддержки ![]() Сообщений: 3381 Зарегистрирован: 20.08.2010 14:03 |
http://api.jquery...
Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
|
|
|
yury |
Опубликовано 09.01.2013 13:01
|
![]() Супер Администратор ![]() Сообщений: 1051 Зарегистрирован: 26.07.2010 13:12 |
а как применить в коде <script type="text/javascript" charset="utf-8"> $(function() { $("img").lazyload({ placeholder : "images/grey.gif", effect : "fadeIn" }); }); </script> ? |
|
|
Polarfox |
Опубликовано 09.01.2013 13:37
|
![]() Администратор ![]() Разработчики ![]() Группа поддержки ![]() Сообщений: 3381 Зарегистрирован: 20.08.2010 14:03 |
$("img").not('.noimg') не проверял, пробуй. там есть еще вариант, выражение внутри, а не последовательно, хз может и одинакового по скорости. Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
|
|
|
yury |
Опубликовано 09.01.2013 14:16
|
![]() Супер Администратор ![]() Сообщений: 1051 Зарегистрирован: 26.07.2010 13:12 |
вы гений, сэр) |
|
|
Polarfox |
Опубликовано 09.01.2013 15:31
|
![]() Администратор ![]() Разработчики ![]() Группа поддержки ![]() Сообщений: 3381 Зарегистрирован: 20.08.2010 14:03 |
Сам тащусь, просто посмотри синтаксис квери, он не так уж сложен, селекторы тебе будут нужны наверно весь "контрольный пакет" времени, а остальные закидоны жабаскриптного ооп поймешь со временем и необходимостью. Всегда делайте backup перед изменениями | Указывайте свою версию в подписи/профиле. | Вся бесплатная тех. поддержка только на форуме
|
|
Поделиться этой темой | |
Социальные закладки: |
![]() ![]() ![]() ![]() ![]() ![]() |
URL: | |
BBcode: | |
HTML: |
Перейти на форум: |