Javascript IMG OnLoad

У меня есть что-то вроде этого:Javascript IMG OnLoad

<img class="side_image right" id="side_image" src="http://path/to/file_large.jpg" width="300" 
height="210" onload="document.getElementById('loading_gif').style.display = 'none';" />

Моя проблема заключается в том, чтобы сказать, если изображение не существует. Этот блок кода скроет загрузку gif только при загрузке изображения. Но когда на самом деле нет изображения ... Я застрял в загрузке gif. Я все еще хочу отображать что-то, даже если нет изображения и загружается gif display = 'none';

Есть ли у вас какие-либо предложения, используя только собственные javascript/html или php. Нет jquery или других библиотек javascript, потому что нам не разрешено использовать эти инструменты.

Спасибо ...

источник

2010-10-20 Woppi

onload = function() { 
    var imageRef = document.getElementById('blah'); 
    imageRef.onerror = function(){ 
     this.src='blah.gif'; 
    } 
}

источник

2010-10-20 05:05:15

что imageRef? Прости, что я просто новичок ... – Woppi

+1 meder делает это снова! – alex

@Woppi 'imageRef' - пример ссылки на изображение, это может быть' document.getElementsById ('my-img') '. – alex

Чтобы построить от ответа Mender в ...

<img src="image_to_load.jpg" onload="..." ... onerror="this.src='alternate_image.jpg';" />

источник

2010-10-20 05:09:11 mattbasta

Спасибо mattbasta! Это также то, что я сделал: D – Woppi

Ugh. -1 для смешивания логики страниц в ваш HTML. – Phrogz

Javascript IMG OnLoad

ответ

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