htmlBASIX - онлайн генератор ротаторов баннеров.
Подобный ротатор, можно приспособить в качестве динамичного меню для блога.
Заготавливаете в редакторе графику, закачиваете на сайт, получаете ссылки (максимально до 10 ссылок).
Затем помещаете в шаблон онлайн-генератора, преобразующего их в JS-код.
Получается приблизительно такой вид.
<script type="text/javascript">
var imgs1 = new Array("http://img-fotki.yandex.ru/get/5637/35191648.3/0_71b0d_5d15158e_M","http://img-fotki.yandex.ru/get/6431/35191648.3/0_71b0e_c57bad5a_M","http://img-fotki.yandex.ru/get/5637/35191648.3/0_71b0f_484f477d_M");
var lnks1 = new Array("http://archivikk.blogspot.ru/p/contacts.html","http://archivikk.blogspot.ru","http://www.htmlbasix.com/banner.shtml");
var alt1 = new Array("Contacts archivikk","Номе аrchivikk","Rotator htmlBasix");
var currentAd1 = 0;
var imgCt1 = 3;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",4000);
</script>
<a href="http://archivikk.blogspot.ru/p/contacts.html" id="adLink1" target="_top">
<img src="http://img-fotki.yandex.ru/get/5637/35191648.3/0_71b0d_5d15158e_M" id="adBanner1" border="0" width="468" height="120"></a>
var imgs1 = new Array("http://img-fotki.yandex.ru/get/5637/35191648.3/0_71b0d_5d15158e_M","http://img-fotki.yandex.ru/get/6431/35191648.3/0_71b0e_c57bad5a_M","http://img-fotki.yandex.ru/get/5637/35191648.3/0_71b0f_484f477d_M");
var lnks1 = new Array("http://archivikk.blogspot.ru/p/contacts.html","http://archivikk.blogspot.ru","http://www.htmlbasix.com/banner.shtml");
var alt1 = new Array("Contacts archivikk","Номе аrchivikk","Rotator htmlBasix");
var currentAd1 = 0;
var imgCt1 = 3;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",4000);
</script>
<a href="http://archivikk.blogspot.ru/p/contacts.html" id="adLink1" target="_top">
<img src="http://img-fotki.yandex.ru/get/5637/35191648.3/0_71b0d_5d15158e_M" id="adBanner1" border="0" width="468" height="120"></a>
Всё просто и быстро.
Чтобы соорудить нечто отличное, нажмите на баннере Rotator и перейдите на сайт htmlBASIX.
Комментариев нет:
Отправить комментарий
Ваш комментарий, непременно будет опубликован после проверки спам-ботом
.