Вт, 07.02.2023, 6:24 AM



  • Страница 1 из 1
  • 1
Модератор форума: Администратор  
Форум » Ваши заказы + Скрипты для Ucoz и многое » ГОТОВЫЕ СКРИПТЫ ДЛЯ UCOZ » Увеличение картинки при клике для вида новостей
Увеличение картинки при клике для вида новостей
MaxДата: Ср, 31.03.2010, 7:54 PM | Сообщение # 1
Сообщений: 150
[ 702 ]
Статус:
Ваш Баланс:
ICQ:637872951

Бог сайта и форума За любовь народа За хорошую посещаемость на форуме

Скрипт увеличения изображения при клике на него для вида новостей сайта или каталога файлов для сайтов 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 и многое » ГОТОВЫЕ СКРИПТЫ ДЛЯ UCOZ » Увеличение картинки при клике для вида новостей
  • Страница 1 из 1
  • 1
Поиск:

Статистика Форума
Лучшие пользователи
Уважаемые пользователи
Популярные темы
Недавно обновленные темы
Max Постов [ 150 ]
Xruner Постов [ 20 ]
Batareyka Постов [ 15 ]
MyLife Постов [ 7 ]
Max Репутация [ 702 ]
Tark Репутация [ 14 ]
Kaizer Репутация [ 14 ]
GreFoX Репутация [ 8 ]
kobra Репутация [ 7 ]
Xruner Репутация [ 1 ]
(II)loger Репутация [ 0 ]
Nyrik Репутация [ 0 ]
virtuozpro Репутация [ 0 ]
ZaroX Репутация [ 0 ]
Sky888 Репутация [ 0 ]
RaYzeR Репутация [ 0 ]
[FEAR]Serega[L] Репутация [ 0 ]
GUF3283 Репутация [ 0 ]
aleks Репутация [ 0 ]
Ваши Сайты! [ 7 ]
Набор Модераторов [ 4 ]
Красивый информер для файлов ucoz [ 1 ]
Мини-профиль [ 1 ]
Стильный мини профиль для ucoz [ 1 ]
Хороший изменённый мини-чат [ 1 ]
Форма входа, простая светлая предназначена для авторизации [ 1 ]
PG [ 1 ]
Новый Мини-профиль [ 1 ]
Баннер [ 1 ]
Красивый информер для файлов ucoz[ 1 ]
Путешествие на Запад в российском интернете[ 0 ]
Уведомления о регистрации для ucoz[ 0 ]
Форма входа на uCoz[ 0 ]
Новый Топ пользователей с аватарами для Ucoz[ 0 ]
Простой и красивый вид формы опроса[ 0 ]
Красивый информер "кто нас сегодня посетил" для Ucoz[ 0 ]
Flash радио для сайта[ 0 ]
Новый информер комментарии для ucoz как на Dle[ 0 ]
Голубая кнопка вверх для Ucoz[ 0 ]
Статистика кто посетил в красивом стиле для uCoz[ 0 ]
статистика CW[ 0 ]
Кул меню[ 0 ]
Оповещение о входе и выходе пользователей для uCoz[ 0 ]
Радио для сайта[ 0 ]

| Конструктор сайтов - uCoz Сайт оптимизирован под браузер FireFox MozilaDesign by –MaX- © 2010-2011 //csgameklansteam.ucoz.ru/
6:24 AM
Обновить