Пятница, 01.11.2024, 02:03

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Супер-Дьюпер  
Красивое увеличения/уменшения картинки при нажатии
VENOMДата: Понедельник, 11.01.2010, 22:25 | Сообщение # 1
King of Kings
Сообщений: 325
Награды
За хорошую посещаемость на форуме
[ 2 ]
Замечания: ±
Офлайн
До:

После:

Сохраняете этот документ: http://mavi-style.ru/css/tool_tipp.js (Правая клавиша - Сохранить как). Заливаем его в корень сайта.

Потом например в виде материалов новостей ставите в начале:

Code
<script type="text/javascript" src="/tool_tipp.js"></script>

И дальше куда вам надо вставляете это:
Code
<a href="$OTHER1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})" title="Нажми на картинку для увеличения!"><IMG src="$OTHER1$" border=0 width=200 style="border-top-color: #000000; border-top-width: 3px; border-top-style: solid; border-bottom-color: #000000; border-bottom-width: 3px; border-bottom-style: solid; border-left-color: #000000; border-left-width: 3px; border-left-style: solid; border-right-color: #000000; border-right-width: 3px; border-right-style: solid"></a>

(P. S. это с чёрной рамкой)

И перед </head> ставим:

Code
<script type="text/javascript" src="http://mnogo-softa.ru/highslide/highslide.js"></script>   
<script type="text/javascript">   
   hs.graphicsDir = 'http://mnogo-softa.ru/highslide/graphics/';   
   hs.outlineType = 'rounded-white';   
   hs.numberOfImagesToPreload = 0;   
   hs.showCredits = false;   
   hs.lang = {   
   loadingText : 'Загрузка...',   
   fullExpandTitle : 'Развернуть до полного размера',   
   restoreTitle : 'Кликните для закрытия картинки, нажмите и удерживайте для перемещения',   
   focusTitle : 'Сфокусировать',   
   loadingTitle : 'Нажмите для отмены'   
   };   
   hs.allowSizeReduction = false;   

</script>
  • Страница 1 из 1
  • 1
Поиск:


world-games.org.ru © Все права защищены! Дизайн данного сайта полностью принадлежит Администратору Сайта Хостинг от uCoz