Эффекты на основе Java Script

Компактная галерея с предосмотром и просмотром картинки в полный размер

Предосмотр галереи

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

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

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

maxPic = 6;                      // колличество картинок в галереи
// первая картинка
p1 = new Image (80,60);          // размер картинки в окне предосмотра
p1.src = "img/pic1.jpg";        // адресс картинки предосмотра
link1 = "img/pic1.jpg";            // адресс картинки в полный размер
// вторая картинка
p2 = new Image (80,60);
p2.src = "img/pic2.jpg";
link2 = "img/pic2.jpg";
// третья картинка
p3 = new Image (80,60);
p3.src = "img/pic3.jpg";
link3 = "img/pic3.jpg";
// и так далее все картинки
p4 = new Image (80,60);
p4.src = "img/pic4.jpg";
link4 = "img/pic4.jpg";

p5 = new Image (80,60);
p5.src = "img/pic5.jpg";
link5 = "img/pic5.jpg";

p6 = new Image (80,60);
p6.src = "img/pic6.jpg";
link6 = "img/pic6.jpg";

prosmotr = 0;                   // в каком окне просмотр выбранной картинки в истенный размер 0- в отдельном
parametry_okna = "height=505,width=660,left=300,top=30"; // размеры и местоположение окна в котором происходит просмотр картинки в истенный размер
</script>
<script type="text/javascript" language="JavaScript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/galerej_kartin/874/malenkaj_galerej.js"></script>

Всё подписано, проблем быть не должно. Если Вы не можете выделить на страничке достаточно места для размещения галереи, но она необходима, то данная галерея возможно окажется Вам полезной. Она практически не занимает места.на страничке.

Внутри тега <BODY> - </BODY> там где у Вас будет галерея.

<table bgcolor="#030e5d">
<tr><td align=center width=250>
<font color=white face="Verdana" size="+1">Предосмотр галереи</font><br><br>
<img style="border:#00aa00 1px solid" name=p src="img/pic1.jpg" border=0 width=80 height=60>
<br>
<table border=0><tr>
<td><a href="javascript:back()" title="Назад" onmouseover="prev.src=prev2.src" onmouseout="prev.src=prev1.src"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/galerej_kartin/874/img/prev1.jpg"  width="32" height="18" border="0" name="prev"></a></td>
<td><a href="javascript:link()" title="Просмотр" onmouseover="go.src=go2.src" onmouseout="go.src=go1.src"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/galerej_kartin/874/img/go1.jpg" width="48" height="24" border="0" name="go"></a></td>
<td><a href="javascript:next()" title="Вперёд" onmouseover="next.src=next2.src" onmouseout="next.src=next1.src"><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/galerej_kartin/874/img/next1.jpg" width="32" height="18" border="0" name="next"></a></td>
</tr></table></td></tr></table>

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

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

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