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

Меню сайта

Фотохостинг

Наш Мини-Чат

Статистика

Онлайн всего: 1

Гостей: 1

Пользователей: 0

Сегодня были

Никого нет.

Партнёры нашей рип студии

Приколы и ЮМОР
-=Хакинг=-

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

[Table]Данный скрипт при клике на картинку, увеличивает её до оригинального размера, в ajax окне.[/Table][Table]Установка[/Table][Table]Этот код вставьте в ваш CSS[/Table]

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; }

[Table]Этот код в вид материалов[/Table]

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>

[Table]Данный скрипт подходит для любого модуля, только меняем поле[/Table]

Code

$SCREEN_URL$

[Table]Например на[/Table]

Code

$OTHER1$

При копировании материала, ссылку на источник указывать обязательно!
Источник: http://ucodes.ru
Автор: Lex@

Добавил: Slavkeee

Комментариев: 0