Прелоадер для слайдера WHMCS

Тема в разделе "JavaScript", создана пользователем volkinson, 21 дек 2016.

Модераторы: ZiX
  1. volkinson

    volkinson Постоялец

    Регистр.:
    13 июн 2014
    Сообщения:
    96
    Симпатии:
    64
    Доброго времени суток. Мучаюсь со слайдером. Поставил обычный слайдер с онлайн конструктора. Столкнулся с такой проблемой, что слайдер не грузит сразу картинку и из-за этого главная страница притормаживает и ждет этот слайдер. Нашел решение - "Прелоадер".
    Брал прелоадер отсюда:

    Все работает, но не когда картинка находится в слайдере.
    Вот исходники слайдера:
    HTML:
    <div class="ism-slider" data-play_type="loop" id="main_slider">
      <ol>
        <li>
        <a href="http://svkpro.com/cart.php?gid=1" target="_self">
          <img src="ism/image/slides/_u/eng1reduced.png">
        </a>
        </li>
        <li>
        <a href="http://svkpro.com/smm.php" target="_self">
          <img src="ism/image/slides/_u/eng2reduced.png">
        </a>
        </li>
        <li>
        <a href="http://svkpro.com/domainchecker.php" target="_self">
          <img src="ism/image/slides/_u/eng3reduced.png">
        </a>
        </li>
      </ol>
    </div>
    Вопрос знатокам: Как установить чуто прелоадер в слайдер? Или прелоадер на весь слайдер, пока все картинки не будут подгружены? Буду признателен за любую полезную информацию/советы.
     
  2. Den1xxx

    Den1xxx

    Регистр.:
    15 янв 2014
    Сообщения:
    176
    Симпатии:
    99
    Цитата с описания прелоадера:
    То есть он делает ровно то же — не показывает, пока не будет загружено.
    Но к объёму слайдера добавляется ещё прелоадер.

    А нужно было бы оптимизировать картинки слайдера. Например, посмотреть, реально ли нужно такое количество и такие размеры.
    Потом посмотреть — может лучше пережать качество в jpg, немного потерять, но так чтоб не слишком заметно было бы.
    Иногда так удается выиграть на каждой картинке в 5 раз.

    Если всё же нужен прелоадер. Конечно, можно прикрутить его, надо использовать метод Перейти по ссылке
    Но имхо ставить на слайдер его — неправильно.
    Пока страница не загружена, не отработаны стили. Браузер «не знает», где отрисовать и в каком размере картинки.
    И на странице будет «вертеться» десяток загрузочных колечек в совершенно разных местах.
    Поэтому лучше поставить прелоадер на страницу в таких случаях.
    Пример Перейти по ссылке
    Ещё Перейти по ссылке
     
    Последнее редактирование: 21 дек 2016
  3. volkinson

    volkinson Постоялец

    Регистр.:
    13 июн 2014
    Сообщения:
    96
    Симпатии:
    64
    Я думал про такой вариант: Сделать фиксед блок и поставить прелоадер на этот блок. В таком случае это не будет ломать сайт. Вопрос в том, как это сделать :)