Новое увеличение картинки для сайта
Предыдущие версии скрипта содержали очень неприятные баги, когда при увеличении, скажем до 500 пикселей, маленькая картинка растягивалась и полностью теряла свой первоначальный вид, а крупная сжималась и, соответственно, тоже выглядела, мягко говоря, не очень. В этой версии мы исправили все, что так сильно мешало.
Небольшие нововведения в скрипте:
- не увеличиваются маленькие изображения
- не изменяется размер изображения (оно уменьшается полностью, не сжимается)
- при наведении - плавное затемнение с намеком на увеличение
Quote
<script type="text/javascript" src="/uZoomer.js"></script>
Далее в виде материалов (либо в полную новость) ставим код который и будет выводить картинку:
Quote
<div class="uzoom">
// тут должна быть картинка
</div>
// тут должна быть картинка
</div>
Там где тут должна быть картинка - может быть дополнительное поле, будет выглядить так
Quote
<div class="uzoom">
<img src="$OTHER1$" class="uber_img">
</div>
<img src="$OTHER1$" class="uber_img">
</div>
Источник: гугл))
0
