| Главная » Статьи » Скрипты » Скрипты для uCoz |
Увеличение картинки в аякс ajax
 Просто увеличение картинки в аякс окне. Установка: Установка скрипта: В таблицу стилей вашего сайта 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$ если делаете для дополнительного поля 1. | |
| Просмотров: 492 | Теги: | Рейтинг: 0.0/0 |
| Всего комментариев: 0 | |
