Не могу переделать(помогите,пожалуйста)

@Karinaaa · Регистрация: 22.04.2012

Студворк — интернет-сервис помощи студентам

Необходимо найти на странице самую большую по высоте картинку и сделать её размером 200*200рх.
Функцию на JavaScripte сделала,а вот с помощью JQuery не выходит,подскажите,пожалуйста)

@WebMax 2.0 · 24.04.2012, 21:56

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(document).ready(function() {
    
    var max = $('img:first').height();  
    var nameMax = $('img:first');
 
    $('img').each(function() {
        if ($(this).height() > max) {
            max = $(this).height();
            nameMax = $(this);
        }   
    });
    
    nameMax.height("200").width("200");
 
}); //Конец ready

@Karinaaa · 24.04.2012, 22:21 **[ТС]**

СПАСИБО!!!!!!!!!!!!!

Добавлено через 2 минуты
ооу...ток чё т ничего не работает(эх...

@WebMax 2.0 · 24.04.2012, 22:27

Karinaaa, Пардон, а чего не работает ? У меня всё ок. Выложите полный код html и js

@Karinaaa · 24.04.2012, 22:34 **[ТС]**

HTML5
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
28
29
30
31
32
33
34
35
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Выберите расширение для паковки" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<meta http-equiv="Выберите расширение для паковки" content="text/html; charset=windows-1251">
</head>
 
<body>
 
<img class="s" src="0002.jpg" />
<img class='s' src="0003.jpg" />
<img class='s' src="0008.jpg" />
<img class='s' src="0009.jpg" />
<form>
<input type="button" value="Найти" onClick="function()" />
</form>
<script type="text/javascript" src="C:\Documents and Settings\Карина\Рабочий стол\Новая папка (5)\1.js"></script>
<script type="text/javascript"> 
$(document).ready(function() {
    
    var max = $('img:first').height();  
    var nameMax = $('img:first');
 
    $('img').each(function() {
        if ($(this).height() > max) {
            max = $(this).height();
            nameMax = $(this);
        }   
    });
    
    nameMax.height("200").width("200");}
</script>
</body>
</html>

Добавлено через 18 секунд

HTML5
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
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Выберите расширение для паковки" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<meta http-equiv="Выберите расширение для паковки" content="text/html; charset=windows-1251">
</head>
 
<body>
 
<img class="s" src="0002.jpg" />
<img class='s' src="0003.jpg" />
<img class='s' src="0008.jpg" />
<img class='s' src="0009.jpg" />
<form>
<input type="button" value="Найти" onClick="search()" />
</form>
<script type="text/javascript">
function search()
{
    // поиск изображения максимольного по высоте, атрибут heght
    
    var alltags;
    alltags=document.getElementsByClassName("s");
    var maxE = 0;
    var index = 0;
 
    for (var j = 0; j < alltags.length; j++)
        if (parseInt(alltags[j].height) > maxE) {
            maxE = parseInt(alltags[j].height);
            index = j;
        }
        
        alltags[index].height = "200"; 
}
</script>
</body>
</html>

Добавлено через 1 минуту
там еще в конце alltags[index].weight = "200"; забыла)

Добавлено через 4 минуты
Эх,наверн всё таки придется

@WebMax 2.0 · 24.04.2012, 22:46

Karinaaa, Да всё работает, просто мой код неправильно скопировали, последние две закрывающие скобки не скопировали;

@Karinaaa · 24.04.2012, 22:50 **[ТС]**

Спасибо,конечно)но оно ведь делает 200_200 самую большую и всё,а надо чтобы потом делало 200_200 следующую по размеру и следующую...нуу пока не будут все 200_200 либо меньше этого размера))

@WebMax 2.0 · 24.04.2012, 22:54

Karinaaa, Ещё раз уточните условия задачи. Ваш текст:

Необходимо найти на странице самую большую по высоте картинку и сделать её размером 200*200рх

@Karinaaa · 24.04.2012, 22:59 **[ТС]**

Ну задание такое в лабораторной,но препад сказал,что должно искать все по очереди картинки и все делать 200*200 пока либо все не станут такого размера или не будет меньших)как в моем коде javascript так над как там

@WebMax 2.0 · 24.04.2012, 23:04

Так что ли ?

JavaScript
1
2
3
4
5
6
7
 $(document).ready(function() {
 
 $('img').each(function() {
    $(this).height("200").width("200");  
 }); 
    
 });

Добавлено через 1 минуту
Или я ещё понимаю так, Идем по возрастанию, пока не встретим меньшую картинку по размеру чем предыдущая ! Так ?

@Karinaaa · 24.04.2012, 23:08 **[ТС]**

Я наверное вас уже ужасно замучала,простите,но не совсем так. Там есть кнопка,её нажимаешь-самая большая картинка становится 200*200,нажимаешь следующий раз вторая по размеру(по высоте)картинка делается 200*200,нажимаешь следующий раз-следующая по высоте и т.д..пока либо все не будут 200*200,ну или если есть меньшие по размеру картинки чем 200*200 они же не сделаются

вот как-то так)

@WebMax 2.0 · 24.04.2012, 23:15

Сообщение от Karinaaa

меньшие по размеру картинки чем 200*200 они же не сделаются

Сделаются )) Ладно, сейчас напишу!

@Karinaaa · 24.04.2012, 23:31 **[ТС]**

ООО спасибо огромное выручите нереально)

Добавлено через 14 минут
Я пойду спать,завтра оч рано вставать((завтра проверю,буду с нетерпением ждать..СПАСИБО!!!!

@WebMax 2.0 · 25.04.2012, 08:47

JavaScript
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
28
29
30
31
32
33
34
35
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
 <head>
 <meta http-equiv="Выберите расширение для паковки" content="text/html; charset=windows-1251">
 <title>Untitled Document</title>
 <meta http-equiv="Выберите расширение для паковки" content="text/html; charset=windows-1251">
 </head>
 
 <body> 
 
 <img class="s" src="0002.png" /> 
 <img class='s' src="0003.png" />
 <img class='s' src="bg.png" />
 <img class='s' src="1.jpg" />
 <img class='s' src="0008.png" />
 <img class='s' src="0009.png" />
 <form>
 <input type="button" value="Найти" id="button"/>
 </form>
 <script type="text/javascript" src="js/jquery.js"></script>
 
 <script type="text/javascript">  
$(document).ready(function() {
    var img = $('img'),i=0;
    $('#button').click(function() {
        if (i==img.size()) return false;
        while ((img.eq(i).height() <200) || (img.eq(i).width()<200)) i++
        if ((img.eq(i).height() >=200) && (img.eq(i).width()>=200)) 
            img.eq(i).height("200").width("200");       
        i++;
    });
});
 </script>
 </body>
 </html>

Добавлено через 8 часов 4 минуты
Поправка:

JavaScript
1
2
3
4
5
6
7
8
9
10
$(document).ready(function() {
    var img = $('img'),i=0;
    $('#button').click(function() {     
        while ((img.eq(i).height() <200) || (img.eq(i).width()<200)) i++
        if (i >= img.size()) return false;
        img.eq(i).height("200").width("200");       
        i++;
    });
        
});

Новые блоги и статьи Все статьи Все блоги /
BOINC: 22 года — и всё ещё работает Programma_Boinc 12.03.2026 BOINC: 22 года — и всё ещё работает Дэвид Андерсон написал ретроспективу. Кратко: в 2001 году он ушёл из United Devices, где был CTO, и за несколько месяцев написал ядро BOINC — клиент, сервер,. . .	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .

@Karinaaa 0 / 0 / 0 Регистрация: 22.04.2012 Сообщений: 8

	Не могу переделать(помогите,пожалуйста) 24.04.2012, 21:18. Показов 1143. Ответов 13 Метки нет (Все метки) Необходимо найти на странице самую большую по высоте картинку и сделать её размером 200*200рх. Функцию на JavaScripte сделала,а вот с помощью JQuery не выходит,подскажите,пожалуйста) 0

@Karinaaa 0 / 0 / 0 Регистрация: 22.04.2012 Сообщений: 8
	24.04.2012, 22:21 [ТС]
	СПАСИБО!!!!!!!!!!!!! Добавлено через 2 минуты ооу...ток чё т ничего не работает(эх... 0

@WebMax 2.0 --\.founder./-- 565 / 565 / 392 Регистрация: 20.10.2011 Сообщений: 867
	24.04.2012, 22:27
	Karinaaa, Пардон, а чего не работает ? У меня всё ок. Выложите полный код html и js 1

@WebMax 2.0 --\.founder./-- 565 / 565 / 392 Регистрация: 20.10.2011 Сообщений: 867
	24.04.2012, 22:46
	Karinaaa, Да всё работает, просто мой код неправильно скопировали, последние две закрывающие скобки не скопировали; 1

@Karinaaa 0 / 0 / 0 Регистрация: 22.04.2012 Сообщений: 8
	24.04.2012, 22:50 [ТС]
	Спасибо,конечно)но оно ведь делает 200_200 самую большую и всё,а надо чтобы потом делало 200_200 следующую по размеру и следующую...нуу пока не будут все 200_200 либо меньше этого размера)) 0

@Karinaaa 0 / 0 / 0 Регистрация: 22.04.2012 Сообщений: 8
	24.04.2012, 22:59 [ТС]
	Ну задание такое в лабораторной,но препад сказал,что должно искать все по очереди картинки и все делать 200*200 пока либо все не станут такого размера или не будет меньших)как в моем коде javascript так над как там 0

@Karinaaa 0 / 0 / 0 Регистрация: 22.04.2012 Сообщений: 8
	24.04.2012, 23:08 [ТС]
	Я наверное вас уже ужасно замучала,простите,но не совсем так. Там есть кнопка,её нажимаешь-самая большая картинка становится 200200,нажимаешь следующий раз вторая по размеру(по высоте)картинка делается 200200,нажимаешь следующий раз-следующая по высоте и т.д..пока либо все не будут 200200,ну или если есть меньшие по размеру картинки чем 200200 они же не сделаютсявот как-то так) 0

@Karinaaa 0 / 0 / 0 Регистрация: 22.04.2012 Сообщений: 8
	24.04.2012, 23:31 [ТС]
	ООО спасибо огромное выручите нереально) Добавлено через 14 минут Я пойду спать,завтра оч рано вставать((завтра проверю,буду с нетерпением ждать..СПАСИБО!!!! 0