Приветствуем Вас на сайте!

Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.

Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"

Вход на сайт

Логин:

Пароль:

Вход

Войти по Логину и Паролю

О нас

Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».

Заказывая работу для вашего сайта у нас, вы экономите время...

Стремитесь к лучшему - в Best Studio!

Войти | Зарегистрироваться

Настройки

Анимация Шапки

Анимация Футера

Автообновление Чата

Автообновление Статистики

Звуковые Оповещения

Авто Подгрузка Материалов

Перезагрузите страницу

Увеличение картинки в 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.

Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.

При копировании материала указываем источник ucods.3dn.ru

Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.

Поделиться новостью в социальной сети.

Добавил: Lex@

Дата добавления: 23.03.2011 в 14:13 по МСК

Категория: Каталог файлов

Просмотров: 7994

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

Эмоций:

Оценки читателей

ЗАКРЫТЬ

0 Лайк
0 Лавки
0 Ахахах!
0 Ого!
0 Восторг
0 Печаль
0 Грусняшь

Теги: Увеличение картинки в ajax окне, авторские скрипты для юкоз

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Порядок вывода комментариев: Dinar4ik 06.08.2011 \| # \|№9 Да скрипт хорош, но думаю у меня на сайте лучше http://best-software.ucoz.com/(не реклама, модеры не удаляите ссылку) 0 kshlkv 02.05.2011 \| # \|№8 сорь. Не та ссылка http://pics.kz/s1/03/af/78/03af78c5b57f7047fe27e14dbd12e337.png 0 kshlkv 02.05.2011 \| # \|№7 Помогите с установкой. У меня такое получается http://pics.kz/s1/03/af/78/03af78c5b57f7047fe27e14dbd12e337_preview.png 0 ReVoLvEr 01.04.2011 \| # \|№4 Спасибо ) Под свой дизайн сделал ! Вообще супер! 0 Shohin 02.04.2011 \| # \|№5 Да супер 0 Arvendeil 24.03.2011 \| # \|№3 Подскажите где именно нужно заменить поле $SCREEN_URL$ на $OTHER1$ 0 Shohin 02.04.2011 \| # \|№6 Там 0 Андрей 23.03.2011 \| # \|№2 Есть же намного проще такой же скрипт. Этот слишком громоздкий. 1 Admin5929 23.03.2011 \| # \|№1 Отличный скрипт! Правда пришлось немного переделывать под себя что бы заработал) Спасибо автору! 0