Воскресенье, 22.12.2024, 23:28
Меню сайта
Категории раздела
JQuery плагины [59]
JQuery уроки [69]
PHP полезное [24]
PHP уроки [21]
Css [26]
JS [3]
SQL [9]
Css 3 [17]
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » JQuery плагины

jQuery фиксированный размер картинок

jQuery фиксированный размер картинок

Май 28, 2012 | Автор admin рубрика: jQuery примеры и сниппеты

jQuery функция перебирает все картинки в блоке, находит те у которых высота или ширина больше положенной и пропорционально изменяет размер.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
$(window).bind("load", function() {
 // IMAGE RESIZE
 $('#product_cat_list img').each(function() {
 var maxWidth = 120;
 var maxHeight = 120;
 var ratio = 0;
 var width = $(this).width();
 var height = $(this).height();
 
 if(width > maxWidth){
 ratio = maxWidth / width;
 $(this).css("width", maxWidth);
 $(this).css("height", height * ratio);
 height = height * ratio;
 }
 var width = $(this).width();
 var height = $(this).height();
 if(height > maxHeight){
 ratio = maxHeight / height;
 $(this).css("height", maxHeight);
 $(this).css("width", width * ratio);
 width = width * ratio;
 }
 });
 //$("#contentpage img").show();
 // IMAGE RESIZE
 });
Категория: JQuery плагины | Добавил: ChronoW (25.11.2012)
Просмотров: 720 | Теги: jQuery | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: