Как реализовать порядок загрузки изображений?

Здравствуйте!
Есть страница koleso.denbiz.ru/, картинки загружаются от маленьких до больших. В результате главная картинка появляется через длительный промежуток времени и непонятно о чем сайт. Подскажите, как сделать, чтобы главная картинка загрузилась первой, а потом уже все остальные?
  • Вопрос задан
  • 5821 просмотр
Пригласить эксперта
Ответы на вопрос 4
HDApache
@HDApache
PHP программист
как вариант если есть jquery

<!-- html -->
<img src="main.png" id="mainImg">

<img src="" data-src="notmain1.png" class="notmain">
<img src="" data-src="notmain2.png" class="notmain">
<img src="" data-src="notmain3.png" class="notmain">

/*** javascript ***/
$("#mainImg").load(function() {
    $(".notmain").attr('src', function() {
        return $(this).attr("data-src");
    });
});
Ответ написан
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Зачем же Вы все картинками-то сделали? 21 век на дворе.
Ответ написан
shiza36
@shiza36
Быть может queryLoader вам поможет?
www.gayadesign.com/diy/queryloader2-preload-your-i...

p.s. в след. раз не экономьте на верстке...
Ответ написан
Комментировать
@bossldv Автор вопроса
Ребята всем спасибо. На самом деле там у меня есть картинки которые непосредственно грузятся на сайт, а главная картинка это background блока div который прописан в CSS Раз уж картинки грузятся по мере того как они стоят в коде то в самом начале я кода я вставил картинку в размерами 1х1рх, теперь главная картинка грузится сразу.
Думаю что это какой то древнегреческий метод, но мне достаточно!!!
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы