Скрипты и шаблоны для uCoz - 3aKa4Ka
Каталог файлов | Иконки групп | Видео уроки | Статьи | PSD исходники | SEO софт/программы | SEO новости
Скрипты для uCoz Шаблоны для uCoz

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Меню сайта
Новое на форуме ↓
Новые комментарии
Кто на сайте
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сайт сегодня посетили:

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

Главная » Скрипты для uCoz » Увеличение картинки в ajax окне
Увеличение картинки в 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>


Все готово.
Просмотров: 813 | Комментариев: 0 | Опубликовал: DizeL | Дата: 18.04.2011

 01.05.2010   

 

 Юзеры, которые прос... 

 27.10.2009   

 

 PS для форума 

 24.04.2011   

 

 Вид опроса для свет... 

 04.12.2009   

 

 Запретить выделение... 

 03.12.2009   

 

 Дрожажий рисунок 

© 3aka4ka.at.ua 2008 - 2025г. Все материалы размещенные на сайте принадлежат их владельцам и предоставляются исключительно в ознакомительных целях. Администрация ответственности за содержание материала не несет и убытки не возмещает.