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

Fade et billede over i et andet

  • HTML.dk
  • 5. april 20195. april 2019
  • jQuery / JavaScript snippets

Måske kan det bruges som et galleri, hvor der hele tiden kommet et nyt billede ind i rammen, måske kan du bruge det til noget andet. ligegyldigt hvad, så kommer der her et jQuery script som fader et billede over i et andet. Det fungerer på den måde, at div elementet har en baggrund, og så fades der et billede ind i div´en som så lægger sig ind over baggunden – simpelt!

<div id="kitten" style="background-image: url(dog.jpg);">
  <img src="/images/kitten.jpg" alt="kitten" />
</div>
$("#kitten").hover(function(){

    $(this).find("img").fadeOut();

}, function() {

    $(this).find("img").fadeIn();

});

Selv tak!


Google Stadia – Nu kan du streame spil!
Sådan laver du din egen lazyload af billeder

Seneste artikler

  • Find det rette domænenavn og vælg webhotellet som det næste skridt efter e-mail og hjemmeside
  • Online casinoer og kunstig intelligens – sådan hæves sikkerheden og servicen
  • Sådan forbedrer CSS-animationer brugerengagement på spilleportaler
  • Glidende CSS hover-effekt på en knap
  • Samlelån i Danmark for en bedre økonomisk fremtid

Mere fra HTML.dk

  • Alle snippets 25
  • Artikler 104
  • CSS snippets 14
  • HTML snippets 4
  • jQuery / JavaScript snippets 6
  • Nyheder 23
  • Scripts 2
  • Tutorials 7
  • Uncategorized 9
  • 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

  • Find det rette domænenavn og vælg webhotellet som det næste skridt efter e-mail og hjemmeside
  • Online casinoer og kunstig intelligens – sådan hæves sikkerheden og servicen
  • Sådan forbedrer CSS-animationer brugerengagement på spilleportaler
  • Glidende CSS hover-effekt på en knap
  • Samlelån i Danmark for en bedre økonomisk fremtid
  • Derfor skal du vælge et webhotel med cPanel

HTML logo big

Theme by Colorlib Powered by WordPress