doc.3dn.ru
Вторник, 05.11.2024, 22:55
Приветствую Вас Гость | RSS
 
Главная Каталог статейРегистрацияВход
Меню сайта
Категории каталога
HTML [2]
JavaScript [1]
Разное [5]
Joomla! [1]
CMS [6]
Обзор свободных систем управленя контентом
WordPress [1]
Наш опрос
Нужны ли на сайте видео уроки по Flash?
Всего ответов: 489


Главная » Статьи » В помощь WEB-мастеру » JavaScript

Галерея рисунков

Галерея рисунков

Кликните по
маленькому рисунку сверху или снизу галереи и он появится увеличенным в
центре.

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

Содержимое этой таблицы поместите между <HEAD> и </HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Jenny Blewitt (webmaster@webdesignsdirect.com) -->
<!-- Web Site: http://www.webdesignsdirect.com -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);

ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);

function doPic(imgName) {
if (ns3up || ie4up) {
imgOn = ("" + imgName);
document.mainpic.src = imgOn;
}
}
// End -->
</script>


Содержимое этой таблицы поместите между <BODY> и </BODY>

<center>
<table width=360 style="border:solid 1 white" cellspacing=0 cellpadding=0>
<tr>
<td><a href="javascript:doPic('
fift1.gif');"><img src="fift1.gif" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('
fift2.gif');"><img src="fift2.gif" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('
fift3.gif');"><img src="fift3.gif" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('
fift4.gif');"><img src="fift4.gif" width=90 height=60 border=0></a></td>
</tr>
<tr>
<td colspan=4 align=center><img name="mainpic" src="
fift1.gif" width=360 height=240 border=0></td>
</tr>
<tr>
<td><a href="javascript:doPic('
fift5.gif');"><img src="fift5.gif" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('
fift6.gif');"><img src="fift6.gif" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('
fift7.gif');"><img src="fift7.gif" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('
fift8.gif');"><img src="fift8.gif" width=90 height=60 border=0></a></td>
</tr>
</table>
</center>


Скачать пример.
Категория: JavaScript | Добавил: doc (10.07.2008) | Автор: Дмитрий
Просмотров: 1816 | Рейтинг: 0.0/0 |

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа

Поиск
Друзья сайта
www.work-zilla.com
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0


Copyright MyCorp © 2024
Бесплатный хостинг uCoz