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

Простая ручная галерея с предосмотром

Снего в горах Молния Облака Горы Грозовое небо Пояснения или описание картинки - заставки. Scegli un'immagina iniziale	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<style type="text/css"> /* убираем маркер / li {display:inline;} / стиль текста описания / #desc {font-style: italic;} / стиль картинок предосмотра */ .kartinka {width: 100px; border: #888 2px solid;} </style> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/galerej_kartin/177/imageGallery.js"></script>
	Всё подписано, проблем быть не должно.
	Внутри тега <BODY> - </BODY> там где у Вас будет галерейка.
	<ul> <!-- картинки предосмотра --> <li><a onclick="toggleMe('para1'); showPic(this); return false;" href="http://skriptkpbstudio.ucoz.ru/demo_srt/galerej_kartin/177/img/pic1.jpg" title="Описание или пояснения к картинке 1. Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues. Li nov lingua franca va esser plu simplic e regulari quam li existent Europan lingues."><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/galerej_kartin/177/img/pic1m.jpg" class="kartinka"></a></li> <li><a onclick="toggleMe('para2'); showPic(this); return false;" href="http://skriptkpbstudio.ucoz.ru/demo_srt/galerej_kartin/177/img/pic2.jpg" title="Описание или пояснения к картинке 2. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat."><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/galerej_kartin/177/img/pic2m.jpg" class="kartinka"></a></li> <li><a onclick="toggleMe('para3'); showPic(this); return false;" href="http://skriptkpbstudio.ucoz.ru/demo_srt/galerej_kartin/177/img/pic3.jpg" title="Описание или пояснения к картинке 3. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es."><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/galerej_kartin/177/img/pic3m.jpg" class="kartinka"></a></li> <li><a onclick="toggleMe('para4'); showPic(this); return false;" href="http://skriptkpbstudio.ucoz.ru/demo_srt/galerej_kartin/177/img/pic4.jpg" title="Описание или пояснения к картинке 4. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es."><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/galerej_kartin/177/img/pic4m.jpg" class="kartinka"></a></li> <li><a onclick="toggleMe('para5'); showPic(this); return false;" href="http://skriptkpbstudio.ucoz.ru/demo_srt/galerej_kartin/177/img/pic5.jpg" title="Описание или пояснения к картинке 5. It va esser tam simplic quam Occidental: in fact, it va esser Occidental. A un Angleso it va semblar un simplificat Angles, quam un skeptic Cambridge amico dit me que Occidental es."><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/galerej_kartin/177/img/pic5m.jpg" class="kartinka"></a></li> </ul> <!-- зона просмотра --> <div style="width: 520px; padding: 5px;"> <!-- Названия картинок --> <div id="para1" style="display:none; font-size: 1.2em; font-weight: 800;">Снего в горах</div> <div id="para2" style="display:none; font-size: 1.2em; font-weight: 800;">Молния</div> <div id="para3" style="display:none; font-size: 1.2em; font-weight: 800;">Облака</div> <div id="para4" style="display:none; font-size: 1.2em; font-weight: 800;">Горы</div> <div id="para5" style="display:none; font-size: 1.2em; font-weight: 800;">Грозовое небо</div> <!-- Картинка просмотра (большая) --> <img id="placeholder" src="http://skriptkpbstudio.ucoz.ru/demo_srt/galerej_kartin/177/img/pic5.jpg" style="width: 536px; border: #888 2px solid;"> <!-- <div id="DivContent"></div> --> <!-- Описание картинок --> <div id="desc">Пояснения или описание картинки - заставки. Scegli un'immagina iniziale</div> </div>
	Здесь тоже всё подписано и Вы должны легко разобраться. Колличество картинок в галереи на Ваше усмотрение. Картинки предосмотра можно распологать где Вам удобно(в примере над галереей). Их можно размещать в несколькох блоках и размещать там где Вам нужно.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.