Прикольное увеличение скриншотов. Как на этом сайте Установка
Ставим этот код в HEAD (т.е. между <head></head>)
Code
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/slimbox2.js"></script>
<link rel="stylesheet" href="/style/slimbox2.css" type="text/css" media="screen" />
Важно, чтобы строки, которые подключают скрипты стояли именно в этом порядке, а то не будет работать (строка подключающая CSS
может стоять в любом месте)
Использование
1. Маленкое изображение при клике на которое, открывается лайтбокс
Code
<a href="ССЫЛКА НА БОЛЬШОЕ ИЗОБРАЖЕНИЕ" rel="lightbox" title="Увеличить изображение"><img src="ССЫЛКА НА УМЕНЬШЕНОЕ
ИЗОБРАЖЕНИЕ" /></a>
Чтобы появлялся лайтбокс в ссылке должен быть атрибут rel="lightbox"
2.Ссылка на изображение
Code
<a href="ССЫЛКА НА БОЛЬШОЕ ИЗОБРАЖЕНИЕ" rel="lightbox" >Просмотреть изображение</a>
3. Галерея изображений
Code
<a href="ССЫЛКА НА БОЛЬШОЕ ИЗОБРАЖЕНИЕ1" rel="lightbox-cats">Изображение 1</a>
<a href="ССЫЛКА НА БОЛЬШОЕ ИЗОБРАЖЕНИЕ2" rel="lightbox-cats">Изображение 2</a>
<a href="ССЫЛКА НА БОЛЬШОЕ ИЗОБРАЖЕНИЕ3" rel="lightbox-cats">Изображение 3</a>
Здесь используем атрибут rel="lightbox-cats"
