Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.80/76: Рейтинг темы: голосов - 76, средняя оценка - 4.80
30 / 30 / 5
Регистрация: 01.05.2012
Сообщений: 350
Записей в блоге: 1

Как узнать, что картинка полностью загружена, чтобы узнать её размеры

12.10.2012, 11:58. Показов 16120. Ответов 10
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здраствуйте ! Делаю галерею. Мне нужно узнать когда картинка загрузица полносттю, чтобы узнать её размеры. Подскажыте, читал ето делаеца както через onload но не разобрался как.
P.S. Без использывание AJAX
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
12.10.2012, 11:58
Ответы с готовыми решениями:

Как узнать, что страница в браузере полностью прогружена?
Есть планы по разработке кликера (нет, не для спама или читерства:)) для браузера на VDS (VPS), но большие проблемы со стабильностью. Если...

Как узнать размеры background-size: contain ?
Доброй ночи! Есть блок с background-size: contain. Размеры блока известны, размеры оригинальной картинки тоже. После применения...

Как узнать загрузилась ли картинка?
Добрый день. У меня на странице несколько изображений. Все они грузятся не очень быстро. Пытаюсь сделать так, чтобы каждое изображение...

10
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
 Аватар для KOPOJI
16844 / 6724 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
12.10.2012, 13:05
onload - это в javascript, в jquery событие load. Это событие срабатывает, когда браузер загрузит полностью все элементы - картинки, стили, скрипты и т.д.
JavaScript
1
2
3
$(window).load(function() {
...
});
0
30 / 30 / 5
Регистрация: 01.05.2012
Сообщений: 350
Записей в блоге: 1
12.10.2012, 14:36  [ТС]
А если мне нужно проверить когда загрузица именно картинка ?
JavaScript
1
2
3
$('#img').load(function(){
   alert('Так ?');
});
0
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
 Аватар для KOPOJI
16844 / 6724 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
12.10.2012, 14:37
да, как то так

Добавлено через 30 секунд
почему бы не попробовать да не проверить?
0
30 / 30 / 5
Регистрация: 01.05.2012
Сообщений: 350
Записей в блоге: 1
12.10.2012, 14:45  [ТС]
Да в том и дело что пробывал когдато, и не получалось.
0
Почетный модератор
Эксперт HTML/CSSЭксперт PHP
 Аватар для KOPOJI
16844 / 6724 / 880
Регистрация: 12.06.2012
Сообщений: 19,967
12.10.2012, 14:48
http://noteskeeper.ru/35/

Добавлено через 1 минуту
вот так по идее должно работать вообще..
HTML5
1
<img src="..." onload="foo();" />
0
9 / 9 / 8
Регистрация: 09.01.2012
Сообщений: 70
12.10.2012, 20:07
Цитата Сообщение от Tesla Посмотреть сообщение
Да в том и дело что пробывал когдато, и не получалось.
в некоторых случаях, если картинка содержится в кеше браузера, событие load может не произойти. Для такого случая можно воспользоваться специальным событием event.special.load
0
30 / 30 / 5
Регистрация: 01.05.2012
Сообщений: 350
Записей в блоге: 1
12.10.2012, 22:30  [ТС]
Роскажыте пожалуйста как етим пользываца. Я был бы вам очень благодарен если бы вы показали ето на примере.
KOPOJI - спасибо !
0
9 / 9 / 8
Регистрация: 09.01.2012
Сообщений: 70
12.10.2012, 22:45
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
(function ($) {
    $.event.special.load = {
        add: function (hollaback) {
            if ( this.nodeType === 1 && this.tagName.toLowerCase() === 'img' && this.src !== '' ) {
                // Image is already complete, fire the hollaback (fixes browser issues were cached
                // images isn't triggering the load event)
                if ( this.complete || this.readyState === 4 ) {
                    hollaback.handler.apply(this);
                }
 
                // Check if data URI images is supported, fire 'error' event if not
                else if ( this.readyState === 'uninitialized' && this.src.indexOf('data:') === 0 ) {
                    $(this).trigger('error');
                }
                
                else {
                    $(this).bind('load', hollaback.handler);
                }
            }
        }
    };
}(jQuery));
И кстати, для спасибо есть отдельная кнопка, она доставляет гораздно больше чем просто слова, даже в Капс Локе)
0
30 / 30 / 5
Регистрация: 01.05.2012
Сообщений: 350
Записей в блоге: 1
12.10.2012, 22:50  [ТС]
Мои знания js и jq, не позволяют мне розобраца в вашем коде. Можна немного попроще и с коментариями ?

Чтобы я не создавав новую тему подскажыте. Каждому событию можна добавить в конце function ?
Например
JavaScript
1
2
3
$('$id').css({'width' : '100'}, function(){
   alert('Так можна делать ?');
});
0
9 / 9 / 8
Регистрация: 09.01.2012
Сообщений: 70
13.10.2012, 02:09
http://www.wisdomweb.ru/JQd/event.php
Здесь собраны Обработчики событий. И прежде чем задавать такой вопрос,нужно хотя бы прочитать справочник по JQ))
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
13.10.2012, 02:09
Помогаю со студенческими работами здесь

Как узнать, что вся дата в MaskEdit введена полностью
Здравствуйте! Есть MaskEdit, у него стоит маска ввода даты, пример 12/12/2009. Если пользователя не ввел дату или месяц или год, то...

Как программно узнать загружена ли страница
Имеется браузер firefox. Необходимо узнать завершена ли загрузка страницы.

Как сделать, чтобы была заглушка, когда не загружена картинка
как сделать так что бы была заглука когда не загружена картиинка http://site.ru/images/maps/'.$cache.'.jpg вот сам код а хотел бы я с...

Как узнать откуда загружена динамическая библиотека?
Доброго всем времени суток! Подскажите как из кода динамической библиотеки получить путь к ней самой. Написал плагин для IE (это...

Как узнать загружена форма или нет?
Как узнать загружена форма или нет? Спасибо.


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

Или воспользуйтесь поиском по форуму:
11
Ответ Создать тему
Новые блоги и статьи
Как дизайн сайта влияет на конверсию: 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 На первой гифке отладочные линии отключены, а на второй включены:. . .
SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий
8Observer8 02.03.2026
Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .
Реалии
Hrethgir 01.03.2026
Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru