1. Уважаемые пользователи, прежде чем ответить в теме или создать новую,
    внимательно ознакомьтесь с правилами раздела

    Кому лень работать или руки не оттуда - пользуйтесь услугами специалистов
  2. Не задавайте глупых вопросов "Посоветуйте какой-нибудь компонент.."

    Есть JED!!! Ищите там!!!

Помощь Ищу решение для отложенной загрузки изображений товара

Тема в разделе "JoomShopping", создана пользователем Starkon, 28 ноя 2015.

Информация :
  • Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с правилами раздела
  • Не задавайте глупых вопросов "Посоветуйте какой-нибудь компонент.." Есть JED!!! Ищите там!!!
  • Аналоги ищите там же - на JED!!!
  • Новая версия? - У кого будет - тот выложит!
  1. Starkon

    Starkon Постоялец

    Регистр.:
    27 май 2012
    Сообщения:
    96
    Симпатии:
    30
    Нужно сделать так что бы фото товаров подгружались после того как попали в видимую зону монитора
    Вот есть платный плагин может быть есть бесплатные варианты решения данной задачи ?
     
  2. Genk0

    Genk0 Инквизитор из раздела J!

    Moderator
    Регистр.:
    2 июн 2010
    Сообщения:
    1.627
    Симпатии:
    1.330
    Starkon нравится это.
  3. Starkon

    Starkon Постоялец

    Регистр.:
    27 май 2012
    Сообщения:
    96
    Симпатии:
    30
    Это решение не подходит. Не отображается картинка на слайдерах для того что бы картинка слайдера отобразилась нужно сделать скрол колесиком мыши. Так же это касается тех изображений которые находятся на линии показа и закрытой части монитора они тоже не отображаются до тех пор пока не сделаешь скрол.
    Нужно что то на подобе примера в первом посте.
     
  4. jgfyjduk

    jgfyjduk Писатель

    Регистр.:
    19 май 2014
    Сообщения:
    4
    Симпатии:
    0
  5. Jimm

    Jimm Постоялец

    Регистр.:
    28 июл 2013
    Сообщения:
    89
    Симпатии:
    14
  6. asonis78

    asonis78 Создатель

    Регистр.:
    20 мар 2013
    Сообщения:
    42
    Симпатии:
    9
    Посмотрите тут
     
  7. Starkon

    Starkon Постоялец

    Регистр.:
    27 май 2012
    Сообщения:
    96
    Симпатии:
    30
    При чем тут это ? Вы дали ссылку на пагинацию а мне нужна отложенная загрузка изображений.
     
  8. vanyaseverin

    vanyaseverin Писатель

    Регистр.:
    10 сен 2013
    Сообщения:
    5
    Симпатии:
    1
    Можно попробовать оставить тот плагин, который вы указали в сообщении, однако при помощи javascript указать те элементы, к которым не нужно применять отложенную загрузку.
     
  9. Jimm

    Jimm Постоялец

    Регистр.:
    28 июл 2013
    Сообщения:
    89
    Симпатии:
    14
    Starkon, я не пойму, вы мой пост вообще видели?
     
  10. Karambus

    Karambus Постоялец

    Регистр.:
    6 июл 2016
    Сообщения:
    57
    Симпатии:
    11
    Напишу на примере картинок товаров выводящихся в категории как я делал. В других местах делается аналогично.

    Сначала скачиваете скрипт https://github.com/tuupola/jquery_lazyload/releases
    Из архива берете только один файл jquery.lazyload.min.js и кидаете его в папку:
    /templates/НазваниеВашегоДжумлашаблона/js/

    Потом в файле index.php вашего шаблона в самом верху где скрипты подключаются добавьте строку:
    $doc->addScript($this->baseurl . '/templates/' . $this->template . '/js/jquery.lazyload.min.js'); (Важный момент - Jquery должен быть подключен выше этой строки)
    и еще в <head>
    ниже <jdoc:include type="head" /> добавьте строку:
    <script type="text/javascript" charset="utf-8">$(function(){$("img.lazy").lazyload({effect:"fadeIn"})});</script>

    Теперь в файле /components/com_jshopping/templates/default/list_products/product.php
    заменяете:
    <a href="<?php print $product->product_link?>">
    <img class="jshop_img" src="<?php print $product->image?>" alt="<?php print htmlspecialchars($product->name);?>" title="<?php print htmlspecialchars($product->name);?>" />
    </a>
    на:
    <a href="<?php print $product->product_link?>">
    <img class="lazy" src="/components/com_jshopping/images/loading.gif" data-original="<?php print $product->image?>" alt="<?php print htmlspecialchars($product->name);?>" title="<?php print htmlspecialchars($product->name);?>" />
    </a>

    И не забудьте закинуть какую-нибудь гифку loading.gif по тому пути.
     
    Последнее редактирование: 7 июл 2016