Вопрос по html, css – Показать альтернативное изображение

8

Можно ли показать альтернативное изображение, если исходный файл не найден? Я хотел бы добиться этого только с CSS и HTML, без JavaScript (или JQuery и так далее). Идея состоит в том, чтобы по-прежнему показывать изображение вместо & quot; alt & quot; тест или дефолтный (некрасивый) кросс IE. Если это невозможно без javascript, я скорее проверю img src с помощью php с помощью базового if-then-else

Ваш Ответ

3   ответа
7

img, т.е.

img
{
background-image:url('default.png');
}

Тем не менее, вы должны указать ширину или высоту, чтобы это работало (когда img-src не найден):

img
{
background-image:url('default.png');
width:400px;
}
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded rodedo
Error: User Rate Limit Exceeded
11

Very simple and best way to achieve this with little code

<img class="avatar" src="img/one..src="img/undefined.jpg">

Для меня вышеупомянутое работает отлично!

Error: User Rate Limit Exceeded" to achieve this only with css and html, no javascript"
Error: User Rate Limit Exceededonerror="this.src='img/undefined.jpg';"Error: User Rate Limit Exceededstackoverflow.com/questions/8124866/…
6
<object data="foobar.png" width=200 height=200>
  <img src="test.png" alt="Just testing.">
</object>

foobar.png это основное изображение,test.png это запасное изображение. По семантикеobject элемент, содержание элемента (здесьimg элемент) должны быть представлены в том и только в том случае, если первичные данные (указанныеdata атрибут) не может быть использован.

Хотя в браузерах были ужасные ошибки в реализацииobject в прошлом году эта простая техника работала на современных версиях IE, Firefox, Chrome.

Error: User Rate Limit Exceededjsfiddle.net/VkrJ4/1Error: User Rate Limit ExceededW7Pro x64Error: User Rate Limit Exceeded

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