Random Banner/Linked Image Display
| 18.06.2009, 14:20 |
Этот
скрипт позволяет отображать случайный баннер, когда
страница открывается. Каждый баннер может быть связана с URL по вашему
выбору, так что это может быть использовано для случайных баннерных
объявлений.-----------------------------------------------------------------Пример использования скрипта:-----------------------------------------------------------------Код скрипта: Вставьте следующий код между тегами <BODY></BODY>
<div id="my_banners"> <a href="http://www.default_url.com"><img src="default_image.gif" class="banner_imgs" alt="default image alt text" /></a> </div> <script type="text/javascript">var my_imgs = new Array(); var my_imgs_link = new Array(); var my_imgs_alt = new Array();
/* Set image URLs */ my_imgs[0] = "../../images/shoes1.gif"; my_imgs[1] = "../../images/story1.gif"; my_imgs[2] = "../../images/shoes2.gif"; my_imgs[3] = "../../images/story2.gif"; my_imgs[4] = "../../images/scare.jpg";
/* Set image link URLs */ my_imgs_link[0] = "http://www.javscriptcity.com"; my_imgs_link[1] = "http://www.pageresource.com"; my_imgs_link[2] = "http://www.pageresource.com/jscript/"; my_imgs_link[3] = "http://www.pageresource.com/html/"; my_imgs_link[4] = "http://www.javascriptcity.com/scripts/";
/* Set image alternate text */ my_imgs_alt[0] = "JavaScript City"; my_imgs_alt[1] = "Page Resource"; my_imgs_alt[2] = "PR JavaScript"; my_imgs_alt[3] = "PR HTML"; my_imgs_alt[4] = "JSC Scripts";
if (document.getElementById && document.createTextNode) {
var the_div = document.getElementById("my_banners"); var ran_num = Math.floor(Math.random()*(my_imgs.length));
var the_HTML = "<a href=\""+my_imgs_link[ran_num]+"\">"; the_HTML += "<img src=\""+my_imgs[ran_num]+"\" class=\"banner_imgs\" "; the_HTML += "alt=\""+my_imgs_alt[ran_num]+"\" /></a>"; the_div.innerHTML = the_HTML;
}
</script>
|
Категория: Изображения | Добавил: Администратор |
Просмотров: 559 | Загрузок: 0
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]