Увеличение картинки в ajax окне — для uCoz от uCodes переделка


Увеличение картинки в ajax окне — для uCoz от uCodes переделка

2102
10 из 10
Проголосовало: 1




Данный скрипт при клике на картинку, увеличивает её до оригинального размера, в 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:1,close:0,popup:1,alert:1,fixed:1},'<img src="'+$(this).attr('src')+'" align="center" alt="" onclick="_uWnd.close('+s+')" style="cursor:pointer;">');});  
  });  
</script>

Все готово.

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

Code
$SCREEN_URL$

например на

Code
$OTHER1$

если делаете для дополнительного поля 1.

При копировании, обязательно указывайте источник: ucodes.ru

Автор публикации: Загрузка
Загрузка
Myateznik, это его n материал
Источник: http://ucodes.ru
  • Всего комментариев: 3

Hacker
-1
Hacker написал: Написано 06 Января 2012 в 16:13
Комментарий №3
не пашет angry

Myateznik
0
Myateznik написал: Написано 05 Апреля 2011 в 16:18
Комментарий №2
а ещё тут изменение добавлена шапка-возможность перетаскивания изображения а ещё добавлена функция закрытия окна при щелчке вне окна.

Myateznik
0
Myateznik написал: Написано 05 Апреля 2011 в 16:17
Комментарий №1
Quote
('sc','Реальный размер',100,100,
это
Quote
Реальный размер
можно стереть или заменить

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    404
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 6
    Гостей: 5
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: