Интересный вид увеличения скриншота , действует простым способом, когда наводим курсором по картинке , то картинка увеличивается рядом поверх страницы в размер истинный самой картинки и передвигается в месте с курсором рядом с картинкой , удобен тем что не нужно кликать по картинке а достаточно просто навести курсором. Скрипт Увеличение картинки при наведение курсора, ниже на нашем сайте ucozon.ru прилагаю живой пример увеличения самой картинки, наводим курсором и смотрим эффект.
Установка: Вставляем вывод скрипта в head Code <script type="text/javascript" src="http://ucozon.ru/SCRIN7/1/wz_tooltip.js"></script>
Если не будет работать скрипт то можно взять отсюда Code <script type="text/javascript" src="http://ed127.3dn.ru/js/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
Автор\Источник: http://ucozon.ru
|