• Авторизация
Дневник feniks818 Лента друзей - Дневник - Полная версия


Скрипт Увеличение картинки при наведение курсора 05-03-2011 14:40 к комментариям - к полной версии - понравилось!


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

 


Установка:
Вставляем вывод скрипта в 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


вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Скрипт Увеличение картинки при наведение курсора | feniks818 - Дневник feniks818 | Лента друзей feniks818 / Полная версия Добавить в друзья Страницы: раньше»