[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Admin, VIT  
Увеличение картинки при нажатии
AdminДата: Вторник, 18.05.2010, 01:10 | Сообщение # 1
Admin
Группа: Администраторы
Сообщений: 99
Награды: 3
Статус: Offline
Данный скрипт предназначен для увеличения картинки при нажатии на неё.

Вставляем этот скрипт после /head>

Code
<style type="text/css" media="all">   
@import url(http://vidoc.com.ua/templates/anrysys/css/engine.css);   
</style>   
<script type="text/javascript" src="http://vidoc.com.ua/engine/ajax/js_edit.js"></script>   
<script type="text/javascript" src="http://vidoc.com.ua/engine/classes/highslide/highslide.js"></script>   
<script type="text/javascript">   
   hs.graphicsDir = 'http://vidoc.com.ua/engine/classes/highslide/graphics/';   
   hs.outlineType = 'rounded-white';   
   hs.numberOfImagesToPreload = 0;   
   hs.showCredits = false;   
   hs.loadingText = 'Загрузка...';   
   hs.fullExpandTitle = 'Развернуть до полного размера';   
   hs.restoreTitle = 'Кликните для закрытия картинки, нажмите и удерживайте для перемещения';   
   hs.focusTitle = 'Сфокусировать';   
   hs.loadingTitle = 'Нажмите для отмены';   
</script>

Теперь, когда будете вставлять рисунок, например в новости сайта, пишите следующий скрипт:

Code
Code
<div align="center"><div><a href="ССЫЛКА НА БОЛЬШОЙ РИС" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="ССЫЛКА НА СТАНДАРТНЫЙ РИС" style="border: none;" alt='НАЗВАНИЕ' /></a></div></div>
 
XakerДата: Среда, 16.02.2011, 19:15 | Сообщение # 2
Рядовой
Группа: Пользователи
Сообщений: 14
Награды: 1
Статус: Offline
Хороший скрипт, а я на HTML реализоривал... cool

 
  • Страница 1 из 1
  • 1
Поиск: