Ru-Board.club
← Вернуться в раздел «Web-программирование»

» JS: Асинхронное подкачивание картинок.

Автор: Sutar
Дата сообщения: 03.04.2016 16:50
Здравствуйте,
нужно реализовать следующую функцию: менять в 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>
Автор: Mavrikii
Дата сообщения: 20.04.2016 01:47
Sutar
создаем для каждой картинки новый объект типа
var img = new Image();
выставляем ее адрес
img.src = 'адрес';
и браузер запросит ее, положит в кэш. при появлении этого же адреса в коде страницы у картинки - браузер возьмет ее из кэша
Автор: nuker96
Дата сообщения: 26.04.2016 22:52
https://perishablepress.com/3-ways-preload-images-css-javascript-ajax/
Автор: Daulet
Дата сообщения: 01.06.2016 02:28
Картинки которые подгружаются через JS не индексируются поисковиками. Как сделать, чтобы они индексировались?
Автор: Mavrikii
Дата сообщения: 01.06.2016 02:30
Daulet

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

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

Страницы: 1

Предыдущая тема: Mysql и PDO


Форум Ru-Board.club — поднят 15-09-2016 числа. Цель - сохранить наследие старого Ru-Board, истории становления российского интернета. Сделано для людей.