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

Увеличение кртинки кликом по ней


	Скопируйте и вставте
	Внутри тега <HEAD> - </HEAD>
	<style type="text/css"> /* параметры слоя затемнения / .modalDialog_transparentDivs {filter:alpha(opacity=90);opacity:0.8;background-color:#AAA;z-index:1;position:absolute; } / блок картинки / .modalDialog_contentDiv {border:3px solid #000;padding:2px;z-index:100; color: #000; position:absolute; background-color:#FFF;} / ссылка СБРОС / .modalDialog_contentDiv div a {float: right; color: #660000;} / блок маленькой картинки / #mainContainer {float: left; margin-right: 5px;} / контейнер маленькой картинки / / сама картинка */ #mainContainer img {-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; border: 2px solid #aaa;} </style> <script type="text/javascript"> var shirin_blok = 330; // ширина блока увеличения var wysota_blok = 485; // высота блока увеличения var smesh_y = -10; // смещение блока по оси У </script> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/kart_statichna/828/uwel_kartin1.js"></script>
	Всё подписано, проблем быть не должно.
Внутри тега <BODY> - </BODY> там где у Вас будет картинка.
<div> <div id="mainContainer"> <a href="#" title="Увеличить фото" onclick="displayStaticMessage('<div>Это текст для фото 1<img src=http://skriptkpbstudio.ucoz.ru/demo_srt/kart_statichna/828/pic/002.jpg width=330px alt=Фото 1 onclick=\'closeMessage();return false\'><br><a href=/%27#/%27 title=\'Закрыть окно\' onclick=\'closeMessage();return false\'>Close</a> </div>',false);return false"><img src=http://skriptkpbstudio.ucoz.ru/demo_srt/kart_statichna/828/pic/002.jpg width=100 title="Увеличить фото"></a><br> </div> <!-- контейнер с картинкой --> <div id="mainContainer"> <!-- обработчик событий для открытия блока большой картинки --> <a href="#" title="Увеличить фото" onclick="displayStaticMessage('<div>Это текст для фото 2<img src=http://skriptkpbstudio.ucoz.ru/demo_srt/kart_statichna/828/pic/003.jpg width=330px alt=Фото 1 onclick=\'closeMessage();return false\'><br><a href=/%27#/%27 title=\'Закрыть окно\' onclick=\'closeMessage();return false\'>Close</a> </div>',false);return false"> <!-- сама маленькая картинка --> <img src=http://skriptkpbstudio.ucoz.ru/demo_srt/kart_statichna/828/pic/003.jpg width=100 title="Увеличить фото"></a><br> </div> </div> <script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/kart_statichna/828/uwel_kartin2.js"></script>
Задаём сами картинки. id="mainContainer" это контейнер для маленькой картинки. Обработчик событий onclick="displayStaticMessage()" открывает блок большой картинки. В нём так-же задаётся и информация блока(текст, картинка и кнопка СБРОС) и их параметры. Картинки могут группироваться, как в примере, так и распологаться на страничке хаотично, в нужном Вам порядке. Колличество картинок на страничке на Ваше усмотрение.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.