Приветствую Вас Гость | RSS
Меню
Главная » Файлы » Все для Ucoz » Скрипты для ucoz

Красивое увеличение картинки на ucoz!

Заметьте, что картинка при наведении выделяется (происходит затемнение) и в новом окне картинка открывается таких же размеров, что и оригинал (т.е. масштаб не "едет")

Пример работы скрипта ucoz: 






Установка скрипта на сайт:

Ставим данный код на всех нужных вам страницах после 


Code
<script type="text/javascript" src="http://ucoz-lab.ucoz.ru/ajax/uZoomer.js"></script>

Этот код вставляем в добавлении материала,тоисть прописуем код в добавлении материала и вместо $OTHER1$ вашу ссылку на картинку.
Code
<div class="uzoom">  
<img src="$OTHER1$" class="uber_img">  
</div>

Надеюсь, что скрипт будет полезен на вашем сайте.

Заодно отвечу еще на один вопрос:
Как сделать на сайте несколько картинок со скриптом?

Делать это необязательно, можно оставить все как есть, только тогда оригинал фото будет всплывать где-то сверху страницы при наведении курсора.

Но если хотите сделать все как в примерах - для этого надо прописать новый скрипт.
Как этот:


В котором (в коде которого) надо изменять каждый раз слово uzoom1 на другое.

Соответственно картинка будет тоже с другим словом:


Code

<div class="uzoom1">  
<img src="$OTHER1$" class="uber_img">  
</div>


Спасибо за материал http://ucoz-lab.ucoz.ru!
/ --------------- \
/ Как нужно качать? \

Категория: Скрипты для ucoz | Просмотров: 2447 | Добавил: drak-zp | Рейтинг: 4.9/17 | Загрузок: 0


avatar
-->