заглушка пока не загрузилась картинка

(Ответов: 5, Просмотров: 1914)
  1. Студент Аватар для Dikucher
    • Регистрация: 08.02.2013
    • Сообщений: 66
    • Репутация: 0
    Прогуглил, но скорее всего я не могу сформулировать запрос.
    Нужна заглушка на блок в который загружает картинка. Так вот, пока ЦМС загружает эту картинку, там должна быть эта заглушка. Лучше на примере, http://maxmixgames.com/ , тут пока не подгрузилась картинки игры, показвыется заглушка картинки
    • 0
  2. Студент
    • Регистрация: 25.10.2013
    • Сообщений: 62
    • Репутация: 11
    В чем именно проблема? Ставим в качестве src адрес картинки-заглушки. И пишем JavaScript, который после полной загрузки страницы (window.onload) динамически меняет src у всех img соответствующего класса. А сам этот "правильный" src сохраняем, скажем, в каком-нибудь нестандартном атрибуте - на приведенном вами сайте используется атрибут data-original.
    • 0
  3. Гуру Аватар для SevBro
    • Регистрация: 28.07.2010
    • Сообщений: 533
    • Записей в дневнике: 1
    • Репутация: 63
    Как вариант, можно блоку-обертке для картинок задать фон в css, при помощи base64, но не уверен на счет gif-анимации.
    • 0
  4. Banned
    • Регистрация: 24.02.2013
    • Сообщений: 1,221
    • Записей в дневнике: 1
    • Репутация: 332
    • Webmoney BL: ?
    Есть даже генератор этих прелоадеров _http://www.ajaxload.info/
    • 0
  5. Дипломник
    • Регистрация: 15.07.2013
    • Сообщений: 189
    • Репутация: 43
    • Webmoney BL: ?
    Цитата Сообщение от Даниэль Алиевский Посмотреть сообщение
    В чем именно проблема? Ставим в качестве src адрес картинки-заглушки. И пишем JavaScript, который после полной загрузки страницы (window.onload) динамически меняет src у всех img соответствующего класса.
    Верно.
    Есть библиотека jquery jail (asych images loader) - подгружает картинки по мере прокрутки. У меня, например, сделано на сайте _livescience.ru
    • 0
  6. Дипломник Аватар для Tiefe
    • Регистрация: 17.12.2012
    • Сообщений: 120
    • Репутация: 18
    Dikucher, есть специальный плагин для jQuery - Lazy Load - _http://www.appelsiini.net/projects/lazyload. Почитайте документацию, с его помощью получится это сделать.
    • 1

    Спасибо сказали:

    Dikucher(30.10.2013),

Похожие темы

Темы Раздел Ответов Последний пост
Картинка в анонсе и Timthumb
WordPress 1 14.02.2013 01:06
Картинка товара
Joomla 6 05.08.2012 11:50
Заглушка разрабатываемого проекта
Общие вопросы поисковой оптимизации 23 23.07.2012 21:25
Страница-заглушка в Wordpress
Web программирование 3 17.09.2011 03:28
Заглушка
Хостинг и Серверы 12 13.01.2010 00:37

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры