[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Все для uCoz » Скрипты для uCoz » Новое увеличение картинки для сайта (uZoomer) (sml[idea])
Новое увеличение картинки для сайта (uZoomer)
adminДата: Среда, 2011-06-08, 05:30 | Сообщение # 1
Полковник
Группа: Администраторы
Сообщений: 153
Награды: 11
Репутация: 31
Статус: Offline


Новое увеличение картинки (uZoomer), как на forucoz.com. Дата создания 19 февраля 2011

Раньше если вам нужно было уменьшать картинки до размера например 400px все уменьшалось. Но если картинка была меньше 400, то она увеличивалась до 400. Это была реальная проблема.

И так, исправлены баги:
- не увеличиваются маленькие картинки
- не искажается размер картинки (картинка уменьшается полностью, не сжимается)
- при наведении плавное затемнение с намеком на увеличение

Установка:

Ниже скачиваем .js файл и закачиваем себе в корень сайта.
И ставим вызов скрипта после body, на страницах где нужно уменьшать картинки (на forucoz.com это /publ и подробные страницы этого модуля. )
Code
<script type="text/javascript" src="/uzoomer.js"></script>


Далее в виде материалов (либо в полную новость) ставим код который и будет выводить картинку:
Code
<div class="uzoom">
// тут должна быть картинка
</div>


Там где тут должна быть картинка - может быть дополнительное поле, будет выглядит так
Code
<div class="uzoom">    
<img src="$OTHER1$" class="uber_img">
</div>


[hidi2]uzoomer[/hidi2]
Прикрепления: 4420062.jpg (238.1 Kb)


Подпись
 
Форум » Все для uCoz » Скрипты для uCoz » Новое увеличение картинки для сайта (uZoomer) (sml[idea])
  • Страница 1 из 1
  • 1
Поиск: