Avatar billede rane Nybegynder
13. november 2006 - 09:34 Der er 7 kommentarer og
1 løsning

Vis billede i xx sek.

Ved ikke om den hører under DHTML eller Javascript...men jeg har brug for at vise et enkelt specificeret billede én gang onload...i xx sekunder. Derefter skal det forsvinde helt fra dets placering på siden.

Hvodden fikses dette?
Avatar billede coderdk Praktikant
13. november 2006 - 09:42 #1
<div id="thepic" style="position: absolute; top: 50px; left: 50px;"><img src="billede.jpg" style="width: 10000px; height: 10000px;" alt=""></div>
<style type="text/javascript">
  window.onload = function () {
    setTimeout( "document.getElementById('thepic').style.display='none';", 5000 );
  }
</style>

Skjuler billedet efter 5 sekunder...
Avatar billede coderdk Praktikant
13. november 2006 - 09:42 #2
lol :) ret lige <style og </style> til <script og </script> :-D
Avatar billede rane Nybegynder
13. november 2006 - 09:50 #3
Skidegodt...kan man tilføje en fade-out internet explorer effekt mon også?
Avatar billede coderdk Praktikant
13. november 2006 - 10:00 #4
Du kan gøre det i alle browsere ;) Jeg kan dog ikke lave det selv, men kan da henvise til f.eks. Scriptaculous: http://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo - Du leder efter Effects.Fade :)
Avatar billede coderdk Praktikant
13. november 2006 - 10:01 #5
(de fylder dog nok lidt meget, men du kan sikkert finde et tilsvarende library der fylder mindre=)
Avatar billede coderdk Praktikant
13. november 2006 - 10:17 #6
IE only:

<div id="thepic" style="position: absolute; top: 50px; left: 50px;filter:progid:DXImageTransform.Microsoft.Fade(duration=3)"><img src="billede.jpg" style="width: 200px; height: 100px;" alt=""></div>
<script type="text/javascript">
  function ieFade()
  {
      thepic.filters.item(0).Play();
      setTimeout( "document.getElementById('thepic').style.display='none';", 3000 );
  }
  window.onload = function () {
    if ( document.all )
        setTimeout( "ieFade()", 2000 );
    else
        setTimeout( "document.getElementById('thepic').style.display='none';", 5000 );
  }
</script>
Avatar billede rane Nybegynder
13. november 2006 - 10:42 #7
Takker :)
Avatar billede coderdk Praktikant
13. november 2006 - 11:05 #8
Tror faktisk også det er nemt at lave understøttelse for Firefox...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester