Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
 Аватар для Relike
6 / 6 / 2
Регистрация: 24.04.2013
Сообщений: 260

Подгон фотографий по размеру так, чтобы они полностью заполнили блок

21.07.2014, 00:11. Показов 924. Ответов 9
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Хочу выбрать фотки в элементе и подогнать их по размеру так, чтобы они полностью заполнили блок. Фотки будут большого размера, а блок 300пх. Вот скрипт
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function(){
                var arr = $(".gall-img").get();
                var imgHeight, imgWidth;
                for(var i = 0; i < length(arr); i++){
                    imgHeight = $(arr[i]).height();                    
                    imgWidth = $(arr[i]).width();
                    if(height > width){
                        $(arr[i]).height(300);
                    }
                    else{
                        $(arr[i]).height(300);
                    }                    
                }
            });
В результате работа выдаёт ошибку на строке с циклом for:Uncaught TypeError: number is not a function.
в чем проблема?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
21.07.2014, 00:11
Ответы с готовыми решениями:

Выложить по площади плитку так, чтобы они полностью ее покрыла
Добрый день! Есть такое задание. Есть некая квадратная площадь, которую полностью нужно обложить квадратной плиткой. Плитку ломать...

Как сделать так чтобы при спавне предметов они отталкивались друг от друга если они спавнятся близко С#
Есть загвоздка, не как не могу понять как это релизовать, приведу пример : происходит спавн кубов рандомно, и некоторые могу быть дуг на...

Как сделать так, чтобы показывалось изображение не полностью?
Здравствуйте, мне нужно сделать так, чтобы показывалось часть изображения?

9
 Аватар для Search74
23 / 22 / 12
Регистрация: 12.07.2014
Сообщений: 99
Записей в блоге: 1
21.07.2014, 12:22
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function(){
                var arr = $(".gall-img");
                var imgHeight, imgWidth;
                for(var i = 0; i < arr.length; i++){
                    imgHeight = $(arr[i]).height();                    
                    imgWidth = $(arr[i]).width();
                    if(height > width){
                        $(arr[i]).height(300);
                    }
                    else{
                        $(arr[i]).height(300);
                    }                    
                }
            });
1
 Аватар для Relike
6 / 6 / 2
Регистрация: 24.04.2013
Сообщений: 260
21.07.2014, 12:32  [ТС]
Search74, Спасибо, ошибка пропала, но теперь всё-равно ничего не работает.
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type="text/javascript">
            $(document).ready(function(){
                var arr = $(".gall-img").get();
                var imgHeight, imgWidth;
                for(var i = 0; i < arr.lenght; i++){
                    imgHeight = $(arr[i]).height();                    
                    imgWidth = $(arr[i]).width();
                    console.log(imgHeight+'-'+imgWidth+' ');
                    if(height > width){
                        $(arr[i]).css('max-height', '300px');
                    }
                    else{
                        $(arr[i]).css('max-width', '300px');
                    }                    
                }
            });
        </script>
выбираются img с классом gall-img. Но размер не меняется.
0
 Аватар для Search74
23 / 22 / 12
Регистрация: 12.07.2014
Сообщений: 99
Записей в блоге: 1
21.07.2014, 15:46
Не мог бы ли ты выложить этот пример где нить? Чтобы уж не гадать)
0
 Аватар для Relike
6 / 6 / 2
Регистрация: 24.04.2013
Сообщений: 260
21.07.2014, 15:50  [ТС]
Search74, где например?
0
 Аватар для Search74
23 / 22 / 12
Регистрация: 12.07.2014
Сообщений: 99
Записей в блоге: 1
21.07.2014, 15:53
например jsfiddle ну или на крайний случай в архив zip скинь с картинками
0
 Аватар для Relike
6 / 6 / 2
Регистрация: 24.04.2013
Сообщений: 260
21.07.2014, 16:16  [ТС]
Search74, http://jsfiddle.net/73Bqq/
0
 Аватар для Search74
23 / 22 / 12
Регистрация: 12.07.2014
Сообщений: 99
Записей в блоге: 1
21.07.2014, 16:53
http://jsfiddle.net/73Bqq/5/
хочешь по ширине их выстроить?
0
 Аватар для Relike
6 / 6 / 2
Регистрация: 24.04.2013
Сообщений: 260
21.07.2014, 17:54  [ТС]
Search74, нет, смотри. Я хочу заполнить блок таким образом. Выбрать меньшую величину и подгонять каждое фото индивидуально по ней. ЧТобы фото максимально помещалось как-бы.
0
 Аватар для Search74
23 / 22 / 12
Регистрация: 12.07.2014
Сообщений: 99
Записей в блоге: 1
21.07.2014, 18:56
Хм, тогда как то так
Вложения
Тип файла: zip one.zip (838 байт, 6 просмотров)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
21.07.2014, 18:56
Помогаю со студенческими работами здесь

Как сделать так чтобы clearInterval полностью очищал setInterval
Понемногу изучаю js И сделал вот такую страничку, если нажать кнопку старт то колесо инь янь раскручивается, если нажать еще раз то...

Сформировать строку с брендами, но так чтобы они не повторялись
Добрый день, столкнулся с такой проблемой, необходимо сформировать строку с брендами, но так чтобы они не повторялись и были определенной...

Как на стороне клиента сделать так чтобы страница загружалась полностью
Нужно сделать так чтобы страница загружалась полностью. Без ленивой подгрузки. Например в вк есть новости и их милиард. Как отключить...

Разместить k королей так, чтобы они не били друг друга
На прямоугольном клеточном поле n x m разместить k королей так, чтобы они не били друг друга. Если нельзя, то вывести сообщение. Помогите...

Переставить элементы так, чтобы они были расположены по возрастанию
3. Дан массив В, состоящий из n элементов. Элементы массива ввести в программе. Переставить элементы так, чтобы они были расположены по...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Программа принимает математическое выражение в виде строки и выдаёт его производную в виде строки и вычисляет значение производной при заданном х Логарифм записывается как: (x-2)log(x^2+2) -. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru