Ожидать конкретного изображения для загрузки полностью использования jQuery?

Я в настоящее время использую код ниже для загрузки изображений, но я хочу показать некоторую загрузку gif перед загрузками образа полностью.

$('#addimage').attr('src', src[i]);
$('#addimage').show();

Так как я использую это в анимированном mediabox, изображение, загружающееся в блоках, не выглядит хорошим поэтому к тому времени, когда изображение загружается, я хочу заменить его путем показа загрузки gif. Спасибо

9
задан Hannes Ovrén 25 January 2010 в 08:29
поделиться

4 ответа

Используйте событие нагрузки () :

$("#addimage").load(function() {
  $(this).show();
});

Редактирование: , чтобы показать одно изображение, пока другие нагрузки не будут немного более запутанными, а полностью возможны. См. Загрузка изображений .

14
ответ дан 4 December 2019 в 09:13
поделиться

Вы можете использовать событие обратного вызова на момент загрузки изображения. Что-то вроде:

$('#addimage').load(function() { $(this).show() });
$('#addimage').attr('src', src[i]);

Итак, сначала сначала установлена ​​обработчик нагрузки, а затем примените свой атрибут SRC. Это предполагает, что изображение скрыто по умолчанию (через CSS и т. Д.).

6
ответ дан 4 December 2019 в 09:13
поделиться

После гуглинга в течение 30 минут я узнал, что GreaseMonkey не поддерживает onkeydown из коробки. Пришлось использовать функцию под названием «addEventListener». Мой окончательный код возвращает keyCode ключа, правильно нажатого на сайте:

function KeyCheck(e)
{
alert(e.keyCode);
}

window.addEventListener('keydown', KeyCheck, true);
-121--3612760-

Проверьте директиву переопределения . Вероятно, вам потребуется изменить make-файл один раз, но он должен делать то, что вы хотите.

Пример makefile:

override CFLAGS += -Wall

app: main.c
    gcc $(CFLAGS) -o app main.c 

Пример командных строк:

$ make
gcc -Wall -o app main.c 
$ make CFLAGS=-g
gcc -g -Wall -o app main.c 
-121--996787-

Почему бы просто не задать атрибут src для указания на загрузочное изображение (EG, анимированный gif) и просто показать его все время?

0
ответ дан 4 December 2019 в 09:13
поделиться

Вы можете связать событие onload на изображение.

3
ответ дан 4 December 2019 в 09:13
поделиться
Другие вопросы по тегам:

Похожие вопросы: