Как я могу определить, загрузилось ли изображение, с помощью Javascript/jQuery?
3 ответа
Или добавьте слушателя события или имейте изображение, объявляют о себе с onload. Тогда выясните размеры оттуда.
<img id="photo"
onload='loaded(this.id)'
src="a_really_big_file.jpg"
alt="this is some alt text"
title="this is some title text" />
Вы хотите сделать то, что Allain заявил, однако знать, что иногда загрузки образа прежде dom готовый, что означает Ваш обработчик загрузок, не будут стрелять. Лучший способ состоит в том, чтобы сделать, как Allain заявляет, но устанавливает src изображения с JavaScript после присоединения загрузки hander. Таким образом, можно гарантировать, что это стреляет.
С точки зрения доступности, Ваш сайт будет все еще работать на людей без JavaScript? Можно хотеть дать тегу img корректный src, присоединить Вас dom готовый обработчик для выполнения js: очиститесь изображение src (дайте ему фиксированное с и высоту с css для предотвращения мерцания страницы), затем установите обработчик загрузок img, затем сбросьте src в корректный файл. Таким образом, Вы покрываете все основания:)
Попробуйте что-то как:
$("#photo").load(function() {
alert("Hello from Image");
});