ucoz всё для ucoz - web всё для web-мастера - Форум
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Готовые решения к uCoz » Каталог файлов » Увеличивалка картинки (При клике картинка плавно увеличивается.)
Увеличивалка картинки
tonyДата: Вторник, 10.11.2009, 01:15 | Сообщение # 1
Рядовой
Группа: Гл. Модератор
Сообщений: 30
Награды: 0
Репутация: 1
Статус: Offline
Установка:

1.Заходим в Главная » Каталог файлов » Настройки модуля

Ставим галочку "Ccылка на источник материала".(Под цифрой 1)

2.Нажимаем кнопку "Здесь" (Под цифрой 2)

3.Кликаем на "Форма добавления каталога файлов" » "Ссылка на источник материала" » Заменяем на слово "Ccылка на картинку"

4.Заходим в Главная » Управление дизайном » Каталог файлов » Страница вида материала и комментариев к нему

И заменяем код $MESSAGE$ на

Code
<p align="center">
<?if($SOURCE_URL$)?></a><div align="center"><a href="$SOURCE_URL$" title="Скачать/Подробное описание"> </a><a id="thumb1" href="$SOURCE_URL$" class="zoomer" onclick="return hs.expand(this)">        
        <img src="$SOURCE_URL$" alt="Нажмите для увеличения" width="30%" height="30%"></a></div><?else?><?endif?>$MESSAGE$</p>

5.Идём в Главная » Управление дизайном » Каталог файлов »Вид материалов

И ставим перед кодом $MESSAGE$ это

Code
<?if($SOURCE_URL$)?></a><div align="center"><a href="$SOURCE_URL$" title="Скачать/Подробное описание"> </a><a id="thumb1" href="$SOURCE_URL$" class="zoomer" onclick="return hs.expand(this)">
<img src="$SOURCE_URL$" alt="Нажмите для увеличения" width="30%" height="30%"></a></div><?else?><?endif?>

6.Тут же ставим в самый верхи этот код:

Code
<script type="text/javascript" src="/zoomer/zoomer.js"></script>               
<link rel="stylesheet" type="text/css" href="/zoomer/zoomer.css" />               
<script type="text/javascript">               
hs.graphicsDir = '/zoomer/graphics/';               
hs.align = 'center';               
hs.outlineType = 'rounded-white';               
hs.fadeInOut = true;               
hs.allowMultipleInstances = false;                
hs.dimmingOpacity = 0.75;               
</script>

7.Создаём папку Zoomer в Файловый менеджереи заливаем туда содержимое архива.

8.Скачиваем архив.

Прикрепления: zoomer.rar(81Kb)
 
Форум » Готовые решения к uCoz » Каталог файлов » Увеличивалка картинки (При клике картинка плавно увеличивается.)
Страница 1 из 11
Поиск:

Бесплатный конструктор сайтов - uCoz