Увеличение картинки в ajax окне

Случайный шаблон

Новый шаблон на тему NFS

MegaKino

Наш опрос

Статистика

Онлайн всего: 2

Гостей: 2

Пользователей: 0

Главная » Файлы » Всё для ucoz » Скрипты для uCoz

Установка:

В css:

Код:

.eBlock .eScreen { background-color:#F1F1F1; width:20%; padding:15px 5px 15px 5px; } 
 .eBlock .eScreen img { height:87px; cursor:pointer; } 
 .eBlock .eScreen .image { width:160px; height:90px; border:1px solid #999; overflow:hidden; }

Тут настраиваем размеры изображения миниатюрной картинки. По которой будим кликать, чтоб увеличивалась.

В вид материалов:

Код:

<td
 colspan="2" align="left" valign="top" class="eScreen"><div 
class="image"><img id="img$ID$" src="$SCREEN_URL$" alt="$TITLE$" 
/></div></td> 

 <script type="text/javascript"> 
  $(function(){ 
  $('#img$ID$').click(function(){var s="'sc'"; 
  new
 _uWnd('sc','Реальный 
размер',100,100,{autosize:1,shadow:1,autosizeonimages:1,header:0},'<img
 src="'+$(this).attr('src')+'" align="center" alt="" 
onclick="_uWnd.close('+s+')" style="cursor:pointer;">');});  
  }); 
 </script>

Все готово.

Данный скрипт подходит для любого модуля, только меняем поле

Код:

$SCREEN_URL$

например на

Код:

$OTHER1$

если делаете для дополнительного поля 1.

Категория: I Дата: 02.01.2011 I Добавил: Гость I Просмотров: 448 I Комментарии (0)

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]