Увеличение картинки по клику для сайтов uCoz - скрипты - Каталог файлов - counter-strike 1.6

Приветствую Вас, Гость

Главная » Файлы » скрипты

Увеличение картинки по клику для сайтов uCoz

	18.05.2011, 23:23
Заходим в ПУ ,Управление дизайном ,Новости сайта,Вид материалов и в самом верху кода добавляем это: Code <style type="text/css"> .pul img {width:1px;} .pul img {height:1px;} .doll img {max-height:300px;} .doll img {max-width:300px; width:expression(document.body.clientWidth > 550? "250px": "auto"); } </style> <script type="text/javascript" language="javascript" src="http://www.play-games.at.ua/zoom/lytebox.js"></script> <link rel="stylesheet" href="http://www.play-games.at.ua/zoom/lytebox.css" type="text/css" media="screen" /> После этого здесь же заменяем: Code $MESSAGE$ на Code <div align="center" class="doll"><a href="$IMG_URL1$" rel="lytebox" title="$TITLE$"><img alt="" src="$IMG_URL1$" align="center" border="0"></a></div><div class="pul"> $MESSAGE$</div> Если же вы используете в качестве хранения изображений какой-нибудь хостинг, то Code $IMG_URL1$ нужно заменить на Code $OTHER...ваш номер поля...$ предварительно в настройках модуля активировав это поле для url изображения и назвав,к примеру ,,URL картинки,, Если Вы не используете на своем сайте отображение изображения в виде новостей,то можно проделать всё вышесказанное для Страницы материала и комментариев к нему. Вот и всё,после этих установок можно в поле Краткое содержание не добавлять ссылку на изображение(оно добавится само посредством вышеуказанного кода),а если вы это и сделаете,то ничего страшного - оно будет переведено в однопиксельную невидимую точку (для чего и прописан стиль ,,pul,, (стиль для уже существующих новостей на сайте)). Для отдельных изображений все гораздо проще: Code <script type="text/javascript" language="javascript" src="/zoom/lytebox.js"></script> <link rel="stylesheet" href="/zoom/lytebox.css" type="text/css" media="screen" /><a href="...ссылка на изображение..." rel="lytebox" title="Подпись"><img alt="" src="...ссылка на изображение..." align="center" height="...размер изображения..." border="0"></a>
1 2 3 4 5 Категория: скрипты \| Добавил: OLOLO
Просмотров: 382 \| Загрузок: 0 \| Комментарии: 1 \| Рейтинг: 0.0/0

Всего комментариев: 0