Новое увеличение картинки для сайта shadow box - Форум Города Дружба - Город Дружба(Сумская область, Ямпольский район)

Попасть в команду портала

Новые сообщения Участники Правила форума Поиск RSS

Страница 1 из 1
1

Архив - только для чтения

Форум Города Дружба » Архив » Архив Сообщений » Новое увеличение картинки для сайта shadow box

Новое увеличение картинки для сайта shadow box

-=ШуРиК=-

Дата: Среда, 19.01.2011, 15:15:59 | Сообщение # 1

Группа: Гл. Модератор

Сообщений: 342

Награды: 1

Репутация: 0

Новое увеличение картинки для вида новостей shadowbox.Из заданых вами размеров стандарта к примеру вида новостей при нажатие на картинку картинка увеличивается до своих реальных размеров.
Весьма удобный вид и не очень грузит страницу сайта
Живой пример
Установка на сайт:
Перед < / head > вставляем скрипты и стиль окна

Code

<link href="http://gorod-druzhba.ucoz.ua/highslide/shadowbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://gorod-druzhba.ucoz.ua/highslide/u.js"></script>
<script type="text/javascript" src="http://gorod-druzhba.ucoz.ua/highslide/shadowbox.js"></script>

это уже вывод окна вставляем в любое место в body или вид материалов(там где хотите видеть каринку)

Code

<?if($OTHER1$)?><a href="$OTHER1$" rel="shadowbox"><img src="$OTHER1$" width=200 style="border:none;"></a><br><?endif?>

или если нет фото то вот

Code

<?if($OTHER1$)?><a href="$OTHER1$" rel="shadowbox"><img src="$OTHER1$" width=200 style="border:none;"></a><?else?><img src="http://gorod-druzhba.ucoz.ua/images/nofoto.jpg" width="150"><br><?endif?>

где width="300" height="200" ширина и высота исходного изображения
$OTHER1$ заменяем на свою ссылку к картинке

Форум Города Дружба » Архив » Архив Сообщений » Новое увеличение картинки для сайта shadow box

Страница 1 из 1
1