Použijte vlastní chybějící grafiku obrázku pomocí jQuery

Včera jsem zveřejnil článek o tom, jak můžete použít vlastní grafiku „chybějícího obrázku“, když se obrázek nepodaří načíst pomocí MooTools. Zde je návod, jak udělat totéž pomocí jQuery.

Zobrazit ukázku

JavaScript jQuery

$(document).ready(function() {
	/* version 1 */
	$('img.missing1').error(function() {
		$(this).attr({
			src: 'https://davidwalsh.name/demo/missing-image.jpg',
			alt: 'Sorry!  This image is not available!',
			style:'border: 1px solid #f00;width:110px;height:40px;'
		});
	});
	/* version 2 */
	$('img.missing2').error(function() {
		$(this).attr({
			src: 'https://davidwalsh.name/demo/missing-image-2.jpg',
			alt: 'Sorry!  This image is not available!',
			style:'border: 1px solid #f00;width:30px;height:28px;'
		});
	});
});

Všimněte si, že jsem uvedl dva příklady. Pokud chcete být opravdu konkrétní, můžete vytvořit více obrázků a zohlednit různé velikosti, pokud je to možné.

Zobrazit ukázku

Skvělý web zohledňuje všechny detaily. Toto je další způsob, jak zohlednit ty nejjemnější detaily. Webová stránka není NIKDY kompletní!