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

Главная Форум Новые сообщения Поиск Люди Вход Регистрация

Правила проекта!

1. Флуд в комментариях строго запрещается! → Наказание — 1 день бана.
2. Не оскорблять пользователей проекта → Наказание — 8~ часов бана.

Страница 1 из 1
1

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

S1nner

Дата: Вторник, 27.09.2011, 22:39 | Сообщение # 1

Установка:
В 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.

Прикрепления: 0938428.png (40.6 Kb)