Эффекты на основе Java Script, jQuery и т.д.

Вернуться в каталог >>>

Небольшой ручной переключатель картинок ( мини галерейка ) с предосмотром

Скопируйте и вставте

Внутри тега <HEAD> - </HEAD>

Здесь пояснять нечего.

Внутри тега <BODY> - </BODY> там где у Вас будет переключатель.

<table width=360 style="border:solid 1 white" cellspacing=0 cellpadding=0>
<tr>
<td><a href="javascript:doPic('http://skriptkpbstudio.ucoz.ru/kartink_primery/goriz/spb10_400x300.jpg');"><img class="iconka" src="http://skriptkpbstudio.ucoz.ru/kartink_primery/goriz/spb10_240x180.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('http://skriptkpbstudio.ucoz.ru/kartink_primery/goriz/spb11_400x300.jpg');"><img class="iconka" src="http://skriptkpbstudio.ucoz.ru/kartink_primery/goriz/spb11_240x180.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('http://skriptkpbstudio.ucoz.ru/kartink_primery/goriz/spb12_400x300.jpg');"><img class="iconka" src="http://skriptkpbstudio.ucoz.ru/kartink_primery/goriz/spb12_240x180.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('http://skriptkpbstudio.ucoz.ru/kartink_primery/goriz/spb13_400x300.jpg');"><img class="iconka" src="http://skriptkpbstudio.ucoz.ru/kartink_primery/goriz/spb13_240x180.jpg" width=90 height=60 border=0></a></td>
</tr>
<tr>
<td colspan=4 align=center><img name="mainpic" src="http://skriptkpbstudio.ucoz.ru/kartink_primery/goriz/spb10_400x300.jpg.gif" class="galeru" width=360 height=240 border=0></td>
</tr>
<tr>
<td><a href="javascript:doPic('http://skriptkpbstudio.ucoz.ru/kartink_primery/goriz/spb14_400x300.jpg');"><img class="iconka" src="http://skriptkpbstudio.ucoz.ru/kartink_primery/goriz/spb14_240x180.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('http://skriptkpbstudio.ucoz.ru/kartink_primery/goriz/spb15_400x300.jpg');"><img class="iconka" src="http://skriptkpbstudio.ucoz.ru/kartink_primery/goriz/spb15_240x180.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('http://skriptkpbstudio.ucoz.ru/kartink_primery/goriz/spb16_400x300.jpg');"><img class="iconka" src="http://skriptkpbstudio.ucoz.ru/kartink_primery/goriz/spb16_240x180.jpg" width=90 height=60 border=0></a></td>
<td><a href="javascript:doPic('http://skriptkpbstudio.ucoz.ru/kartink_primery/goriz/spb17_400x300.jpg');"><img class="iconka" src="http://skriptkpbstudio.ucoz.ru/kartink_primery/goriz/spb17_240x180.jpg" width=90 height=60 border=0></a></td>
</tr>
</table>

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

И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу.
Вы экономите место и время.

Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера].
Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.