Avatar billede clausga Nybegynder
18. marts 2005 - 13:27 Der er 7 kommentarer

Banner system skift efter 10 sek

Jeg har 3 bannere jeg gerne vil have til at skrifte på en side hvordan gør jeg det ?

billederne skal være der 10 sek. af gangen... + at links'ne skal skifte sammen med billederne...
Avatar billede ldanielsen Nybegynder
18. marts 2005 - 13:57 #1
Læg banneret i en td eller en div:

<div id="bannerHolder"><a href="link1.htm"><img src="img1.gif"></a></div>

Derefter kan du skifte det ud med

document.GetElementById("bannerHolder").innerHTML = "<a href=\"link2.htm\"><img src=\"img2.gif\"></a>";

Er det nok?

Så du vil nok lave en funktion og et array i denne stil:


var arrBannere = new Array();
arrBannere[0] = "<a href=\"link1.htm\"><img src=\"img1.gif\"></a>";
arrBannere[1] = "<a href=\"link2.htm\"><img src=\"img2.gif\"></a>";
arrBannere[2] = "<a href=\"link3.htm\"><img src=\"img3.gif\"></a>";

var bannerToShow = 0;

function showbanner(){
  document.GetElementById("bannerHolder").innerHTML = arrBannere[bannerToShow];
  bannerToShow = bannerToShow++ % 3;
  t = window.setTimeOut("showbanner()", 10*1000);
  }

tester lige ...
Avatar billede ldanielsen Nybegynder
18. marts 2005 - 14:02 #2
Lidt mange fejl var der, men her er den:

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript>
<!--

var arrBannere = new Array();
arrBannere[0] = "<a href=\"link1.htm\"><img src=\"img1.gif\"></a>";
arrBannere[1] = "<a href=\"link2.htm\"><img src=\"img2.gif\"></a>";
arrBannere[2] = "<a href=\"link3.htm\"><img src=\"img3.gif\"></a>";

var bannerToShow = 0;

function showbanner(){
  document.getElementById("bannerHolder").innerHTML = arrBannere[bannerToShow];
  bannerToShow++
  bannerToShow = bannerToShow % 3;
  t = window.setTimeout("showbanner()", 10*1000);
  }

//-->
</SCRIPT>

</HEAD>
<BODY onload="showbanner();">
<div id="bannerHolder"><a href="link1.htm"><img src="img1.gif"></a></div>
</BODY>
</HTML>
Avatar billede roenving Novice
19. marts 2005 - 07:01 #3
-- og et par enkelte forbedringer/forsimplinger kan da foreslås:

var arrBannere = new Array();
arrBannere[0] = "<a href='link1.htm'><img src='img1.gif'></a>";
arrBannere[1] = "<a href='link2.htm'><img src='img2.gif'></a>";
arrBannere[2] = "<a href='link3.htm'><img src='img3.gif'></a>";

var bannerToShow = 0;

function showbanner(){
  document.getElementById("bannerHolder").innerHTML = arrBannere[bannerToShow];
  bannerToShow = (++bannerToShow) % arrBannere.length;
  t = window.setTimeout("showbanner()", 10*1000);
}

-- selv ville jeg dog nok tænke i, at jeg oprettede img-tagget først, og kun skiftede src på det, samt lavede en onclick, som tog fat i en fast variabel, som så også blev udskiftet sammen med src !-)
Avatar billede clausga Nybegynder
19. marts 2005 - 10:34 #4
Jeg synes det er lidt voldsomt at reloade siden bare pga. billedet skal opdatere, er der ikke andre muligheder ?
Avatar billede roenving Novice
19. marts 2005 - 10:36 #5
Siden bliver _ikke_ reloadet ...
Avatar billede clausga Nybegynder
19. marts 2005 - 13:51 #6
det virker altså ikke optimalt.... jeg skal jo have noget på index siden i headeren.... men..... alle mine undersider bliver includet i index filen ud fra en variabel

?page=forsiden

det er kun på siden hvor jeg har hele scriptet at dette virker jo
Avatar billede roenving Novice
19. marts 2005 - 18:00 #7
Jamen den div id=bannerHolder kan du jo inkludere eller lade være, ligeledes med javascriptet ?-)
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