• Телефон +38 (068) 652-97-37
  • Часы работы Ежедневно с 08:00 до 20:00

Обратный звонок

Оставьте номер своего телефона, и мы перезвоним вам в удобное для вас время


Я согласен(а) на обработку персональных данных

Главная Увеличение картинки в ajax окне - Форум
[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Архив - только для чтения
Форум » Архив (закрытые темы) » Корзина » Увеличение картинки в ajax окне
Увеличение картинки в ajax окне

Данный скрипт при клике на картинку, увеличивает её до оригинального размера, в 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 | Сб, 2012-01-21 в 07:56:35
профиль
Спасибо большое.Токо при чём тут уввеличение картинки если это лс.?
Сообщение # 2 | Вт, 2012-01-24 в 21:17:08
Сообщение отредактировал WOODEN - Вт, 2012-01-24, 21:17:51
профиль
спасибо
Сообщение # 3 | Чт, 2012-02-02 в 09:36:19
профиль
хз может не ту фотку добавил?
Сообщение # 4 | Пт, 2012-02-10 в 12:54:18
профиль
Форум » Архив (закрытые темы) » Корзина » Увеличение картинки в ajax окне
  • Страница 1 из 1
  • 1
Поиск: