Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » JS: Асинхронное подкачивание картинок.

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

Sutar



BANNED
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Здравствуйте,
нужно реализовать следующую функцию: менять в img src картинку, да так, что она подкачивалась не с сервера а с js.
 
Есть например текст: 1 2 3 4 5
Каждому числу соответствует какая-то картинка. Если нажать 1 - показывает одну, 2 - вторую...
Сейчас стоит такой код:
 

Код:
 
function changephoto(url)
{
    return document.getElementById("productimg").src = url;
}
 
<img id=productimg src=images1.jpg>
 
<a onclick=changephoto(images1.jpg)>1</a>
<a onclick=changephoto(images2.jpg)>2</a>
<a onclick=changephoto(images3.jpg)>3</a>
<a onclick=changephoto(images4.jpg)>4</a>
<a onclick=changephoto(images5.jpg)>5</a>
 

Но тут проблема, картинки большие, и приходится долго ждать, чтоб они загрузились.... Как можно загрузить асинхронно картинки в JS и уже от туда их отображать? Спасибо.

Всего записей: 1150 | Зарегистр. 15-08-2011 | Отправлено: 16:50 03-04-2016
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Sutar
создаем для каждой картинки новый объект типа  
var img = new Image();
выставляем ее адрес
img.src = 'адрес';
и браузер запросит ее, положит в кэш. при появлении этого же адреса в коде страницы у картинки - браузер возьмет ее из кэша

Всего записей: 15099 | Зарегистр. 20-09-2014 | Отправлено: 01:47 20-04-2016
nuker96

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
https://perishablepress.com/3-ways-preload-images-css-javascript-ajax/

Всего записей: 27 | Зарегистр. 22-08-2011 | Отправлено: 22:52 26-04-2016
Daulet



Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Картинки которые подгружаются через JS не индексируются поисковиками. Как сделать, чтобы они индексировались?

Всего записей: 7 | Зарегистр. 01-06-2016 | Отправлено: 02:28 01-06-2016
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Daulet

Цитата:
Как сделать, чтобы они индексировались?

определять поисковик (по user-agent или IP адресам) и выдавать картинки без js
либо вставлять линки на них

Всего записей: 15099 | Зарегистр. 20-09-2014 | Отправлено: 02:30 01-06-2016 | Исправлено: Mavrikii, 02:32 01-06-2016
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » JS: Асинхронное подкачивание картинок.


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru