Automatyczne poprawianie uszkodzonych obrazów za pomocą jQuery

16 grudnia 2015
1 gwiadka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek

Jeśli znajdziesz w swojej witrynie uszkodzone odnośniki do wielu obrazów, to naprawianie ich pojedynczo może być niesamowicie żmudne. W takim przypadku poniższy kod może być dla ciebie prawdziwym wybawieniem:

$('img').on('error', function () {
  if(!$(this).hasClass('broken-image')) {
    $(this).prop('src', 'img/broken.png').addClass('broken-image');
  }
});

W sumie, nie zaszkodzi dodać ten kod do swoich skryptów, nawet jeśli w witrynie nie ma aktualnie żadnych uszkodzonych odnośników do obrazów.

Autor: Matt Smith

Źródło: https://github.com/AllThingsSmitty/jquery-tips-everyone-should-know

Tłumaczenie: Łukasz Piwko

Treść tej strony dostępna jest na zasadach licencji MIT

Zobacz również:

Dyskusja

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *