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

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

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

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

Галерея сделана на базе переключателя сделанного на CSS3( Интересный перключатель информации на CSS3) и галереи Highslide. Все стили и параметры переключателя задаются в CSS таблице, файл informac_bloki_gl.css, а увеличенной картинке в файле highslide.css. Если Вы хотите что-то изменить Вам нужно, воспользовавшись функцией [Скачать с сервера], скачать эти файлы и внести необходимые изменения.

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

<div id="menu">
    <ul>  
        <li> 
		    <a href="#" class="top">Название картинки 1<br><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/gal_highslide/641/1.jpg" width="180" height="252" alt=""></a>
		    
              <div><a id="thumb1" href="http://skriptkpbstudio.ucoz.ru/demo_srt/gal_highslide/641/1.jpg" class="highslide info" onclick="return hs.expand(this)" title="Click to enlarge"> 
			       <div><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/gal_highslide/641/1_1.jpg">Картинка из серии ДЕВУШКИ. Название картинки: "Игривая ДЕВУШКА"<p>Т.е. здесь полное описание картинки 1 и всё что Вы о ней хотите сказать.<br> Сюда можно вставлять любые теги, т.е. всё что Вам нужно.</p> </div></a>
              <div class="highslide-caption">Краткое описание картинки 1</div>
	          </div></li>
	          
        <li> 
		     <a href="#" class="top">Название картинки 2<br><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/gal_highslide/641/2.jpg" width="180" height="252" alt=""></a>
		     
              <div><a id="thumb1" href="http://skriptkpbstudio.ucoz.ru/demo_srt/gal_highslide/641/2.jpg" class="highslide info" onclick="return hs.expand(this)" title="Click to enlarge"> 
			       <div><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/gal_highslide/641/2_1.jpg">Картинка из серии ДЕВУШКИ. Название картинки: "Загадочная ДЕВУШКА"<p>Т.е. здесь полное описание картинки 1 и всё что Вы о ней хотите сказать.<br> Сюда можно вставлять любые теги, т.е. всё что Вам нужно.</p> </div></a>
              <div class="highslide-caption">Краткое описание картинки 2</div>
	          </div></li>
	          
        <li> 
		    <a href="#" class="top">Название картинки 3<br><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/gal_highslide/641/3.jpg" width="180" height="252" alt=""></a>
		    
              <div><a id="thumb1" href="http://skriptkpbstudio.ucoz.ru/demo_srt/gal_highslide/641/3.jpg" class="highslide info" onclick="return hs.expand(this)" title="Click to enlarge"> 
			       <div><img src="http://skriptkpbstudio.ucoz.ru/demo_srt/gal_highslide/641/3_1.jpg">Картинка из серии ДЕВУШКИ. Название картинки: "Сексуальная ДЕВУШКА"<p>Т.е. здесь полное описание картинки 1 и всё что Вы о ней хотите сказать.<br> Сюда можно вставлять любые теги, т.е. всё что Вам нужно.</p> </div></a>
              <div class="highslide-caption">Краткое описание картинки 3</div>
	          </div></li>
    </ul>
</div>

Основное всё подписано. Колличество блоков в галереи на Ваше усмотрение. При наведении курсора на картинку открывается блок с её полным описание или любой другой информацией которую Вы хотите сообщить пользоватнлю. При клике по этой информации в всплывающем окне открывается картинка в полный размер с кратким описанием.

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

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