2015-02-13 3 views
2

мне было просто интересно, что в HTML IMG тегHTML5 <img> тег альтернативный образ

<img alt = "default image" src = "image"> возможно иметь альтернативный образ, а не просто текст. Или, если возможно вставить тег img в alt "" s.

+0

уверен, если это будет возможно с использованием чистого HTML. Некоторые сценарии могут потребоваться. – Adjit

+0

Альтернатива при каких условиях? Атрибут 'alt' в первую очередь предназначен для использования, когда пользователь не видит изображения вообще по той или иной причине, так что предоставляется * текстовая * альтернатива. –

+0

Мне нужна была иллюстрированная альтернатива, чем текстовая альтернатива, но у меня есть ответ, используя функцию JavaScript onError. –

ответ

8

Нет, вы не можете поместить другое изображение в атрибут alt <img>. Однако вы можете использовать событие onerror для загрузки другого изображения с помощью JavaScript, поэтому, если исходное изображение не загружается, можно загрузить резервную копию.

function standby() { 
 
    document.getElementById('foo').src = 'https://www.google.com/images/srpr/logo11w.png' 
 
}
<img id="foo" src="notfound.gif" onerror="standby()">

+1

Хороший способ, спасибо за ответ. –

+0

Это скорее хак, чем ответ, но вы можете сделать это (не то, что вам нужно!): image2 smoore4

0

Насколько я знаю, атрибут альт должен иметь только текст, так как это полезно для чтения с экрана «читать» изображения.

Если вы ищете альтернативное изображение, если основной не удается, вы можете сделать это с помощью JavaScript.

На этот вопрос вы можете увидеть, как использовать OnError использование:

jQuery/JavaScript to replace broken images

Смежные вопросы