Главная » 2012 » Январь » 4 » Увеличение картинки в ajax окне Ucoz (Скрипты для ucoz)
04.01.2012, 02:50

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




Установка:

В css:
Code
.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; }


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

В вид материалов:
Code
<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>


Все готово.

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

Например на
Code
$OTHER1$
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: ucodes.ru
Категория: Скрипты uCoz | Просмотров: 2093 | Добавил: Sini26 | Рейтинг: 4.0/2 |
Теги: AJAX, картинки, uCoz, окне, увеличение
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]