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

Страница 1 из 11
Архив - только для чтения
Форум Города Дружба » Архив » Архив Сообщений » Новое увеличение картинки для сайта 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 из 11
Поиск: