Уважаемые пользователи skript-na-ucoz.ucoz.ru. Вы найдете у нас на портале - и сможете скачать бесплатно различные программы для вебмастеров и не только, фильмы, игры, все для фотошопа, скрипты для ваших сайтов, бесплатные шаблоны, модули, хаки и релизы популярных CMS таких-как: Datalife Engine, WordPress, Joomla, Drupal, Ucoz и многое другое, а также обсудить и получить помощь на нашем форуме. С Уважением Администрация skript-na-ucoz

Вид новостей с увеличением картинки на основе highslide.js для ucoz
После регистрации у вас появиться еще одна ссылка для бесплатного скачивания и пропадет рекламма!
03.03.2010, 01:27




Не так давно я уже выкладывал скрипт увеличения изображения при клике на него для вида новостей сайта или каталога файлов для сайтов UCOZ на основе lytebox.js.Смотреть здесь: http://forucoz.com/load/1-1-0-10501

Сегодня предлагаю Вам то же самое только на базе скрипта highslide.js ,в котором я изменил пару параметров ,а именно:
- задал параметры выводимого изображения(т.е. все картинки будут выводиться в пределах высота=500 пикселей, ширина=600 пикселей с соблюдением соотношения исходных размеров).

В оригинале highslide.js они выводятся до исходного размера,т.е. если картинка на вашем сайте имеет маленькие размеры,а вставлена с завышенными,то при клике она примет исходный размер ,а значит - уменьшится.В моем ,,переделанном,, highslide.js такого не произойдет и картинка примет увеличенные размеры в пределах заданных параметров с соблюдением пропорций...

И еще, главным отличием highslide.js от lytebox.js является то,что highslide.js работает и до полной загрузки страницы в отличии от lytebox.js .

Порядок установки:

1. Для
начала скачиваем архив и содержимое заливаем в корень своего сайта с помощью Файлового
менеджера в папку highslide в таком же виде и с такими же именами вложенных папок как в архиве.

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 бесплатно | Добавил: Kenik | Теги: вид, uCoz, на, скрипты для ucoz, увеличением, highslide.js, картинки, Новостей, для, основе
Просмотров: 914 | Загрузок: 3


Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини профиль
Для просмотра мини профиля,войдите на сайт как пользователь.
Мини-чат
Для добавления необходимо
войти или зарегистрироваться
Статистика
Счетчики сайта
Анализ сайта skript-na-ucoz.ucoz.ru Top.Mail.Ru

Яндекс.Метрика
Сейчас online
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Сегодня наш сайт посетили
Счетчик пользователей
Сегодня нас посетило
Счетчики сайта
  • Счетчик юзеров
  • Всего юзеров: 1196
    За месяц: 0
    За неделю: 0
    За вчера: 0
    Сегодня: 0
  • Счетчик материалов
  • Всего файлов: 10242
    Всего новостей: 31
    Всего статей: 0
    Темы форума: 2521
    Коментариев: 16
    Фотоальбом: 3
    Скачали: 10242
    Каталог сайтов: 35
    Онлайн Игр: 213
    Онлайн Видео: 8596
    Партнеры сайта
    Стать партнером Стать партнером Стать партнером
    Популярное
    Скачиваемое
    Интерестное