Новое увеличение картинки для сайта (uZoomer)
Новое увеличение картинки (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>
Скачать: uZoomer.js