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

  • Internet teknologierne – hvad findes der?
  • Træpiller som en bæredygtig og miljøvenlig kilde til energi
  • Sådan finder du de rette rammer for din virksomhed
  • 4 fede WordPress funktioner din hosting-udbyder bør have
  • Få styr på mærkaterne og slip for tidsspild

Mere fra HTML.dk

  • Alle snippets 24
  • Artikler 95
  • CSS snippets 13
  • HTML snippets 4
  • jQuery / JavaScript snippets 6
  • Nyheder 19
  • Scripts 2
  • Tutorials 7
  • Uncategorized 6
  • 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

  • Internet teknologierne – hvad findes der?
  • Træpiller som en bæredygtig og miljøvenlig kilde til energi
  • Sådan finder du de rette rammer for din virksomhed
  • 4 fede WordPress funktioner din hosting-udbyder bør have
  • Få styr på mærkaterne og slip for tidsspild
  • Skab en hyggelig atmosfære med en biopejs

HTML logo big