Суббота, 28.06.2025, 03:37
Приветствую Вас, Гость | RSS
Меню сайта

Главное меню


Главная страница Файлы Форум Набор персонала Баннеробмен

Софт


Программы Игры Фильмы Музыка Темы Для раскрутки сайта Журналы

Все для uCoZ


Скрипты для uCoZ Шаблоны для uCoZ Для кланов Уроки Шапки Иконки и Кнопки

Photoshop


Кисти Стили Шрифты Рамки Уроки Photoshop Готовые PSD работы

Все про игры и для игр


Патчи Кряки Русификаторы Превью и обзоры Рецензии Прохождения Чит-коды Скриншоты

Все для Css


Готовые сервера Моды для сервера Оружие Скины Руки Карты Звуки Меню для Css Шкурки Фонарики Спреи Читы Остальное
Чат
Наша кнопка
Главная » Статьи » Скрипты для Ucoz

Увеличение картинки при клике для вида новостей
Скрипт увеличения изображения при клике на него для вида новостей сайта или каталога файлов для сайтов UCOZ.

Также этот скрипт можно использовать для отдельных изображений на любых сайтах (не только на базе UCOZ).
За основу скрипта взят скрипт lytebox.js и немного переделан.
Что нового:
- убраны множество стилей(т.к. это легко настраивается в файле .css под себя)
- большие картинки при клике принимают размеры по отношнию к размерам окна браузера(как и было),а маленькие увеличиваются по отношнию к размерам окна браузера(раньше принимали истинный размер)
- убраны кнопки панели навигации и кнопка CLOSE (окно закрывается по клику на изображение или в любую точку окна браузера(раньше при клике на изображение не закрывалось))
Протестировано в:
* Firefox: Firefox: 3.6
* Internet Explorer: 8.0 (работает несколько медленнее по понятным причинам)
* Opera: 9.64
* Safari: 4.0
* Google Chrome

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

1. Для начала скачиваем архив и содержимое (1 файл .js ,1 файл .css , 1 изображение .gif) заливаем в корень своего сайта с помощью Файлщвого менеджера в заранее созданную папку zoom.
Скачать Архив

3. После этого здесь же заменяем:

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>

4. Если же вы используете в качестве хранения изображений какой-нибудь хостинг, то

$IMG_URL1$

$OTHER...ваш номер поля...$

предварительно в настройках модуля активировав это поле для url изображения и назвав,к примеру ,,URL картинки,,

5. Если Вы не используете на своем сайте отображение изображения в виде новостей,то можно проделать всё вышесказанное для Страницы материала и комментариев к нему.

Вот и всё,после этих установок можно в поле Краткое содержание не добавлять ссылку на изображение(оно добавится само посредством вышеуказанного кода),а если вы это и сделаете,то ничего страшного - оно будет переведено в однопиксельную невидимую точку (для чего и прописан стиль ,,pul,, (стиль для уже существующих новостей на сайте)).

6. Для отдельных изображений все гораздо проще:

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>

Категория: Скрипты для Ucoz | Добавил: Doc (29.03.2010)
Просмотров: 698 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Профиль
На службе : дней

Друзья

Опрос
Какое амплуа вам ближе?
javascript:; javascript:;
Всего ответов: 316
Статистика

Статистика материалов

Новостей: 807
Файлов: 2119
Скрины: 14
Коментариев: 269

Зарег. на сайте

Всего: 64088
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0


Онлайн всего: 10
Гостей: 10
Пользователей: 0
Счетчики: