Назад
Регистрация Войти
Войти через VK Войти через Яндекс




Поиск по сайту




Наш Telegram бот: @htmlweb_bot

Смена баннеров-кнопок

Обратите внимание на эту кнопку-баннер. Меняется её изображение и ссылка.

Адрес сайта
Исходный код этого примера:
<script>
var slidespeed=3000;
var slideimages=["/pic/sborki.gif",
	"https://kdg.htmlweb.ru/kdg88x31.gif",
	"https://protect.htmlweb.ru/prot88x31.png"];
var slidelinks=["https://sborki.ru",
	"https://kdg.htmlweb.ru/",
	"https://protect.htmlweb.ru/"];
var whichimage=0;
var imgobj;
var imageholder=[];
// загрузка картинок в массив
for (i=0;i<slideimages.length;i++){
	imageholder[i]=new Image();
	imageholder[i].src=slideimages[i]
}
function slideit() {
	imgobj.src = imageholder[whichimage].src;
	imgobj.alt = slidelinks[whichimage];
	linkobj.href = slidelinks[whichimage];
	whichimage = (whichimage < slideimages.length - 1) ? whichimage + 1 : 0;
	setTimeout("slideit()", slidespeed)
}
window.onload=function() {
	imgobj = document.getElementById("slideshow");
	linkobj = document.getElementById("slidelink");
	slideit()
};
</script>
<a href=""  id="slidelink" target="_blank">
	<img src="/pic/sborki.gif" id="slideshow" alt="Адрес сайта"
	style="border:3px solid #990000; width:88px; height:31px;">
</a>

Т.к. на предварительную загрузку изображений нужно некоторое время, то лучше ставить такие кнопки ближе к концу страницы.

Возможно Вам будет интересно: