Skip to content
HTML.dk logo
  • Snippets
  • Tutorials
    • Lav din egen hjemmeside
    • Tjene penge på nettet
    • Guide til HTML
    • Guide til CSS
    • Artikler
  • Nyheder
  • Bidrag til sitet
Søgning

Bedre håndtering af broken images

  • HTML.dk
  • 1. april 20192. april 2019
  • jQuery / JavaScript snippets

Når et billede mangler eller stien til det er korrupt, vil der typisk ikke blive vist noget billede eller måske et form for ikon, der indikere, at billedet ikke kan findes.

Det behøver dog ikke være sådan, og du kan sagten lave en pænere håndtering af broken images. Herunder finder du en jquery snippet, som enten erstatter det grimme
broken-image-ikon med et pænere billede, som du har bestemt eller skjulet broken-image-ikonet helt.

// Erstat billedet
$('img').on("error", function() {
  $(this).attr('src', '/images/missing.png');
});

// Fjern billedet helt
$("img").on("error", function() {
  $(this).hide();
});

Denne snippet blev indsendt af Kala.dk


Sådan roterer du tekst med CSS
Kontaktformular skabelon

Seneste artikler

  • Få styr på mærkaterne og slip for tidsspild
  • Skab en hyggelig atmosfære med en biopejs
  • Boost dit salg ved hjælp af et webbureau
  • Sådan kan du sælge webhoteller til dine kunder
  • Sådan skaber du en rolig og naturlig stemning på kontoret

Mere fra HTML.dk

  • Alle snippets 24
  • Artikler 92
  • CSS snippets 13
  • HTML snippets 4
  • jQuery / JavaScript snippets 6
  • Nyheder 19
  • Scripts 2
  • Tutorials 7
  • Uncategorized 5
  • WordPress snippets 1

Kontakt

HTML.dk
Ceres Allé 7
Aarhus C
Skriv til os

Links

Om HTML.dk
Skriv til os!
Send et bidrag
Nyheder
Snippets

Nyt indhold fra HTML.dk

  • Få styr på mærkaterne og slip for tidsspild
  • Skab en hyggelig atmosfære med en biopejs
  • Boost dit salg ved hjælp af et webbureau
  • Sådan kan du sælge webhoteller til dine kunder
  • Sådan skaber du en rolig og naturlig stemning på kontoret
  • Hvordan finder du en luksusseng

HTML logo big