Скрипт увеличение картинки в ajax окне для uCoz - Форум

Новые сообщения
Участники
Правила форума
Поиск
RSS

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

Скрипт увеличение картинки в ajax окне для uCoz

Delete

Четверг, 20 Сентября 2012, 20:50 | Сообщение 1

Проверенные

Сообщений:1079

Награды: 7

« 68 »

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

<a colspan="2" align="left" valign="top" class="eScreen"><div class="image"><img id="img$ID$" src="$IMG_URL1$" alt="$TITLE$" /></div></a>

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

Прикрепления: 0446306.jpg (85.9 Kb)

На случай если буду нужен, то я там же, где и был, когда был не нужен...

[ RU ]

Kosten

Суббота, 16 Марта 2013, 18:53 | Сообщение 2

Администраторы

Сообщений:44171

Награды: 70

« 565 »

У меня есть код, увеличение, гдето на форуме прописал. Он для вида материала! Да такой не чего, и так же не надо в корень сайта не че кидать! Если найду тут пропишу его!

[ RU ]

Kosten

Понедельник, 16 Декабря 2013, 21:40 | Сообщение 3

Администраторы

Сообщений:44171

Награды: 70

« 565 »

Вот стили которые могут увеличить картинку. К примеру возьмем каталог файлов.
Ищем там в коде

Код

$IMG_URL1$

И поверх этого кода ставим эти стили

Код