23:22
ОбновитьСмайлыУправление мини-чатом
Вы вошли как Гость | Группа "Гости" | RSS

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Скрипты для сайта Ucoz » Скрипты Ucoz » Скрипт Увеличение картинки при наведение курсора (Скрипт Увеличение картинки)
Скрипт Увеличение картинки при наведение курсора
AmazonkaДата: Среда, 23.03.2011, 18:37 | Сообщение # 1
Майор
Группа: Администраторы
Сообщений: 37
[ ]
Offline

Интересный вид увеличения скриншота , действует простым способом, когда наводим курсором по картинке , то картинка увеличивается рядом поверх страницы в размер истинный самой картинки и передвигается в месте с курсором рядом с картинкой , удобен тем что не нужно кликать по картинке а достаточно просто навести курсором.

Установка:
Вставляем вывод скрипта в head

Code


<script type="text/javascript" src="http://ucozon.ru/SCRIN7/1/wz_tooltip.js"></script>

Заключаем сам скриншот в такое определение стиля класса.

Code


<a href="$ENTRY_URL$" onmouseover="Tip('<img alt=$TITLE$ src=$IMG_URL1$>', BGCOLOR, '#fff', TEXTALIGN, 'center', BORDERCOLOR, '#C6F66E', BORDERWIDTH, 0, FONTCOLOR, '#8FF700', FONTSIZE, '0px', FONTWEIGHT, 'bold')" onmouseout="UnTip()" href="$ENTRY_URL$" class="newtorrs"><img src="$IMG_URL1$" width="200" border="0"></a>

IMG_URL1 Заменяем если у вас вывод скриншота является к примеру дополнительным полем 1 OTHER1
или если к примеру каталог сайтов то можно использовать данный тег вывода скрина IMG_SMALL_URL1

Ссылка на источник материала.

Форум » Скрипты для сайта Ucoz » Скрипты Ucoz » Скрипт Увеличение картинки при наведение курсора (Скрипт Увеличение картинки)
Страница 1 из 11
Поиск:

Сделать бесплатный сайт с uCoz

www.owi.3dn.ru © Все права защищены! 2010-2011 Сайт оптимизирован под разрешение экрана 1280х1024 и браузеры Mozila Firefox
Загрузка...