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ázkuJavaScript 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ázkuSkvělý web zohledňuje všechny detaily. Toto je další způsob, jak zohlednit ty nejjemnější detaily. Webová stránka není NIKDY kompletní!