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

Объединение нескольких галерей в одну, с возможностью просмотра фото как отдельных под галерей, так и всех галерей вместе

All_razdel Razdel_1 Razdel_2 Razdel_3 Razdel_4 Описание Flash 1 из раздела 1 Описание фото 1 из раздела 1 Описание Flash 2 из раздела 1 Описание фото 1 из раздела 2 Описание фото 2 из раздела 2 Описание фото 1 из раздела 3 Описание фото 1 из раздела 4 Описание фото 2 из раздела 4 Описание фото 1 из раздела 4	<Вернуться в каталог>
	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<LINK media=screen,projection href="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_galerei/994/porfolio/galerej_wse1.css" type=text/css rel=stylesheet> <SCRIPT src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_galerei/994/porfolio/jquery.js" type=text/javascript></SCRIPT> <SCRIPT src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_galerei/994/porfolio/framework1.js" type=text/javascript></SCRIPT>
	Данный скрипт предназначен для создания, например, портфолио Ваших работ. Если Ваши работы разбиты на тематические разделы, то скрипт позволяет вывести для просмотра все ваши работы(всё портфолио) сразу, а так же каждый раздел(работы каждого раздела) отдельно. Что может быть очень удобно. Так же используя данный скрипт можно объединять, например, несколько галерей в одну большую галерею, с возможностью просмотра как всех галерей сразу, так и каждой в отдельности. Например так. Необходимо отметить, что класс раздела портфолио должен соответсвовать названию раздела, но писать этот класс следует маленькими буквами. Название ссылки всех разделов(в примере All_razdel) можете так же задать таким как Вам нужно, но если Вы его меняете Вам необходимо так же скорректировать его в скрипте framework1.js. Для этого Вам необходимо, воспользовавшись функцией [Скачать с сервера], скачать данный файл и внести необходимые Вам изменения. Добавлением или удалением элементов того или иного списка добиваемся нужной Вам структуры портфолио. Стили как всего портфолио вцелом, так и его разделов задаются в CSS файле galerej_wse1.css Если Вы хотите что-то изменить, Вам необходимо, воспользовавшись функцией [Скачать с сервера] скачать данный файл и внести необходимые Вам изменения.
	Внутри тега <BODY> - </BODY> там где у Вас будет галерея.
	<DIV id=container> <UL id=filter> <LI class=current><A href="#">All_razdel</A> </LI> <LI><A href="#">Razdel_1</A> </LI> <LI><A href="#">Razdel_2</A> </LI> <LI><A href="#">Razdel_3</A> </LI> <LI><A href="#">Razdel_4</A> </LI></UL> <UL id=portfolio> <LI class=razdel_1><A href="http://webkpb.ucoz.ru" target=_blank> <div class=ramka style="width:120"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="120" height="70"> <param name="movie" value="http://skriptkpbstudio.ucoz.ru/flash/web_pr.swf"> <PARAM NAME=wmode VALUE="#ff0000"> <embed src="http://skriptkpbstudio.ucoz.ru/flash/web_pr.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="120" height="70"></embed> </object></div> Описание Flash 1 из раздела 1</A></LI> <LI class=razdel_1> <A href="http://skriptkpbstudio.ucoz.ru" target=_blank><IMG height=115 alt="" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_galerei/994/img_porfolio/apple.png" width=200>Описание фото 1 из раздела 1</A> </LI> <LI class=razdel_1><A href="http://kpbwebstudio.narod.ru" target=_blank> <div class=ramka style="width:120"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="120" height="70"> <param name="movie" value="http://skriptkpbstudio.ucoz.ru/flash/studio_pr.swf"> <PARAM NAME=wmode VALUE="#ff0000"> <embed src="http://skriptkpbstudio.ucoz.ru/flash/studio_pr.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="120" height="70"></embed> </object></div> Описание Flash 2 из раздела 1</A> </LI> <LI class=razdel_2><A href="#"><IMG height=115 alt="" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_galerei/994/img_porfolio/facebook.png" width=200>Описание фото 1 из раздела 2</A></LI> <LI class=razdel_2><A href="#"><IMG height=115 alt="" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_galerei/994/img_porfolio/google.png" width=200>Описание фото 2 из раздела 2</A> </LI> <LI class=razdel_3><A href="#"><IMG height=115 alt="" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_galerei/994/img_porfolio/netflix.png" width=200>Описание фото 1 из раздела 3</A></LI> <LI class=razdel_4><A href="#"><IMG height=115 alt="" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_galerei/994/img_porfolio/nettuts.png" width=200>Описание фото 1 из раздела 4</A></LI> <LI class=razdel_4><A href="#"><IMG height=115 alt="" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_galerei/994/img_porfolio/white-house.png" width=200>Описание фото 2 из раздела 4</A></LI> <LI class=razdel_4><A href="#"><IMG height=115 alt="" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_galerei/994/img_porfolio/white-house.png" width=200>Описание фото 1 из раздела 4</A></LI></UL></DIV>
	Здесь, думаю, вопросов быть не должно. Колличество разделов на Ваше усмотрение, так-же как и элементов в каждом разделе. Как Вы видите, элементом любого раздела может дыть не только картинка, но и Flas(что позволяют далеко не все галереи), а впринцепе и текст, табличка, форма и т.д. Данная галерея идиально подходит для создания ПОРТФОЛИО Ваших работ, т.к. позволяет демонстрировать как все работы сразу, так и с учетом их тематического и структурного разделения.
	И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.