Пятница
22.11.2024, 22:32
Мы переехали на http://www.gapnos.ru/
Приветствую Вас Гость
Главная Регистрация Вход
Меню сайта

Категории раздела
Шаблоны для Ucoz [16]
Графика для сайта [50]
Cкрипты лля Ucoz [210]

Опрос
http://scripts-net.ru/raznoe/opros.png
Что появилось раньше?

Всего ответов: 19

Браузеры

Друзья
Бесплатный серфинг

Главная » 2011 » Апрель » 10 » Красивое увеличение картинки "imgZoom"
21:23
Красивое увеличение картинки "imgZoom"

imgZoom это новое удобное увеличение картинки,когда увеличение срабатывает то картинку нельзя удалить или переставить в другое место 
Установка скрипта: 
В head устанавливаем данный код:

<link rel="stylesheet" type="text/css" media="screen" href="http://ucozua.ru/Scripts/img-zoom/imgzoom.css" /> 
<script type="text/javascript" src="http://ucozua.ru/Scripts/img-zoom/jquery.imgzoom.pack.js"></script> 
<script type="text/javascript"> 
$(function () { 
$('#img1').imgZoom({ showOverlay: true }); 
$('#img2').imgZoom({ showOverlay: true, opacity: 0 }); 
$('#img3').imgZoom({ showOverlay: true, rotate: true, duration: 1000 }); 
}); 
</script>

Этот код желательно перед < /bydy>:

<script type="text/javascript"> 
$(document).ready(function () { 
$('img.thumbnail').imgZoom(); 
}); 
</script>

И потом уже в вид материалов или в страницу материалов и комментариев где нужно чтобы выводилась картинка ставим:

<a href="Путь к картинке"><img class="thumbnail" src="Путь к картинке" alt="$TITLE$" width="200"></a>

Где Путь к картинке ставим свой путь и смотрим как будет на странице

Категория: Cкрипты лля Ucoz | Просмотров: 385 | Добавил: MaXiMuSe | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Copyright MyCorp © 2024