03.03.2010, 01:27 | |
Не так давно я уже выкладывал скрипт увеличения изображения при клике на него для вида новостей сайта или каталога файлов для сайтов UCOZ на основе lytebox.js.Смотреть здесь: http://forucoz.com/load/1-1-0-10501 Сегодня предлагаю Вам то же самое только на базе скрипта highslide.js ,в котором я изменил пару параметров ,а именно: В оригинале highslide.js они выводятся до исходного размера,т.е. если картинка на вашем сайте имеет маленькие размеры,а вставлена с завышенными,то при клике она примет исходный размер ,а значит - уменьшится.В моем ,,переделанном,, highslide.js такого не произойдет и картинка примет увеличенные размеры в пределах заданных параметров с соблюдением пропорций... И еще, главным отличием highslide.js от lytebox.js является то,что highslide.js работает и до полной загрузки страницы в отличии от lytebox.js . Порядок установки: 1. Для 2. После этого заходим в ПУ ,Управление дизайном ,Новости сайта,Вид материалов и в самом верху кода добавляем это: 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" src="/highslide/highslide.js"></script> <link rel="stylesheet" href="/highslide/highslide.css" type="text/css"> <script type="text/javascript"> hs.graphicsDir = '/highslide/graphics/'; hs.outlineType = 'rounded-white'; </script> 3. После этого здесь же заменяем: Code $MESSAGE$ на Code <div align="center" class="doll"><a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this)"> <img src="$IMG_URL1$" alt="" title="$TITLE$" ></a></div><div class="pul"> $MESSAGE$</div> 4. Если же вы используете в качестве хранения изображений какой-нибудь хостинг, то Code $IMG_URL1$ нужно заменить на Code $OTHER...ваш номер поля...$ предварительно в настройках модуля активировав это поле для url изображения и назвав,к примеру ,,URL картинки,, 5. Если Вы не используете на своем сайте отображение изображения в виде новостей,то можно проделать всё вышесказанное для Страницы материала и комментариев к нему. Вот и всё,после этих установок можно в поле Краткое содержание не добавлять ссылку на изображение(оно добавится само посредством вышеуказанного кода),а если вы это и сделаете,то ничего страшного - оно будет переведено в однопиксельную невидимую точку (для чего и прописан стиль ,,pul,, (стиль для уже существующих новостей на сайте)). | После регистрации у вас появиться еще одна ссылка для бесплатного скачивания и пропадет рекламма!|
Категория: Скачать Скрипты для Ucoz бесплатно | | | |
Просмотров: 914 | Загрузок: 3 |
Всего комментариев: 0 | |