Avatar billede daxthevaks Nybegynder
04. januar 2004 - 03:32 Der er 28 kommentarer og
2 løsninger

Et meget nemt banner system

hej jeg har 4 banner på min side, og ville gerne have lavet sådan at man kun ser et af gangen i ca 5 min.. kan det lade sig gøre på en nem måde..? jeg er ikke så meget til php og alt det der.. men hvis det er nemt nok så er jeg da frisk på at prøve..
Avatar billede roenving Novice
04. januar 2004 - 03:41 #1
<script type="text/javascript">
var banners = ['banner1.gif','banner2.gif','banner3.gif','banner4.gif','banner5.gif']
function rotateBanners(){
  var banner = document.images['mitBanner'];
  var num = Math.floor(Math.random()*banners.length);
  banner.src = banners[num];
}
</script>

<body onload="setInterval('rotateBanners()',300000);">

<img src="banner1.gif" style="height:72px;width:460px;">
Avatar billede olebole Juniormester
04. januar 2004 - 03:58 #2
<ole>

Det var vist et ekspres-script. Hvor er navnet på billedet - og skal der bare vises billeder .... skal de ikke linkes?  :)


<script type="text/javascript">
var banners = [
    {"im":"banner1.gif","a":"http://www.domain1.dk"},
    {"im":"banner2.gif","a":"http://www.domain2.dk"},
    {"im":"banner3.gif","a":"http://www.domain3.dk"},
    {"im":"banner4.gif","a":"http://www.domain4.dk"},
    {"im":"banner5.gif","a":"http://www.domain5.dk"}
];
function rotateBanners(){
  var banner = document.getElementById("myImg")
  var myLink = document.getElementById("myLink")
  var num = Math.floor(Math.random()*banners.length);
  banner.src = banners[num].im;
  myLink.href = banners[num].a;
}
</script>
</head>
<body onload="setInterval('rotateBanners()',300000);">

<a id="myLink" href="http://www.domain1.dk"><img id="myImg" src="banner1.gif" style="height:72px;width:460px;" border="0"></a>

/mvh
</bole>
Avatar billede olebole Juniormester
04. januar 2004 - 04:00 #3
daxthevaks >> Læg mærke til, der _ikke_ er komma efter sidste linie i banner-array'et  :)
Avatar billede daxthevaks Nybegynder
04. januar 2004 - 05:15 #4
Hvordan sætter jeg så sådan en kode som den her ind i det..?

<iframe src="http://impdk.tradedoubler.com/imp/iframe/122541/164471" width="468" height="60" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

eller

<script language="JavaScript" src="http://impdk.tradedoubler.com/imp/122541/164471" charset="ISO-8859-1"></script>
Avatar billede jepsen999 Nybegynder
04. januar 2004 - 13:31 #5
Udskift " med ' i koden og lav lidt om i banner-arrayet:

<script type="text/javascript">
var banners = [
"<iframe src='http://impdk.tradedoubler.com/imp/iframe/122541/164471' width='468' height='60' frameborder='0' border='0' marginwidth='0' marginheight='0' scrolling='no'></iframe>",
"<script language='JavaScript' src='http://impdk.tradedoubler.com/imp/122541/164471' charset='ISO-8859-1' />",
"<img src='http://www.codeproject.com/script/admentor/images/Infra-sponsor-box.gif'/>"
// indsæt flere her...
];

function rotateBanners(){

  var myBanner = document.getElementById("myBanner")
  var num = Math.floor(Math.random()*banners.length);
  myBanner.innerHTML = banners[num];

}
</script>
</head>
<body onload="setInterval('rotateBanners()',5000);">
Noget før
<div id="myBanner" style="height:72px;width:460px;OVERFLOW: hidden;"  ></div>
Noget efter
</BODY>
Avatar billede roenving Novice
04. januar 2004 - 13:54 #6
Bannerskifte hvert 5. sekund ?-)
Avatar billede daxthevaks Nybegynder
04. januar 2004 - 16:49 #7
jepsen999 Hmm det blev jeg ikke meget klogere af :-S
der skal jo være plads til 4 banner,
Avatar billede jepsen999 Nybegynder
04. januar 2004 - 17:04 #8
OK, det kan være koden blev lidt rodet af at arrayet af banner-kode er erklæret i en linie.
Nedenfor er arrayet opdelt:

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>

<script type="text/javascript">
var banners = new Array(3); // 3 = antallet af bannere du definerer koden for herunder

banners[0] = "<iframe src='http://impdk.tradedoubler.com/imp/iframe/122541/164471' width='468' height='60' frameborder='0' border='0' marginwidth='0' marginheight='0' scrolling='no'></iframe>";

banners[1] = "<script language='JavaScript' src='http://impdk.tradedoubler.com/imp/122541/164471' charset='ISO-8859-1' />";

banners[2] = "<img src='http://www.codeproject.com/script/admentor/images/Infra-sponsor-box.gif'/>";

//banners[3] = ...

function rotateBanners(){

  var myBanner = document.getElementById("myBanner")
  var num = Math.floor(Math.random()*banners.length);
  myBanner.innerHTML = banners[num];

}
</script>
</head>
<body onload="setInterval('rotateBanners()',5000);">
Noget før
<div id="myBanner" style="height:72px;width:460px;OVERFLOW: hidden;"  ></div>
Noget efter
</BODY>
</HTML>

Eller er det noget andet du ikke forstår ?
Avatar billede jepsen999 Nybegynder
04. januar 2004 - 17:12 #9
Når du skal have det 4. banner ind ændrer du arrayet:
var banners = new Array(4);
og tilføjer linien:
banners[3] = "koden til det 4. banner";
Avatar billede daxthevaks Nybegynder
04. januar 2004 - 17:28 #10
Tjaa det ser da meget nemt ud.. man når jeg gør det virker det ikke...
se selv på http://www.dax.lir.dk/banner.htm
Avatar billede roenving Novice
04. januar 2004 - 17:37 #11
banners[0] = "<iframe src='http://impdk.tradedoubler.com/imp/iframe/122541/164471' width='468' height='60' frameborder='0' border='0' marginwidth='0' marginheight='0' scrolling='no'></iframe>";
Avatar billede roenving Novice
04. januar 2004 - 17:38 #12
Altså udskift ""er inde i strengen med ' ...
Avatar billede jepsen999 Nybegynder
04. januar 2004 - 17:42 #13
Udskift dine (") med (') i bannerkoden så f.eks.:
banners[0] = "<iframe src='http://impdk.tradedoubler.com/imp/iframe/122541/164471' width='468' height='60' frameborder='0' border='0' marginwidth='0' marginheight='0' scrolling='no'></iframe>";
Så burde den være der.
Avatar billede jepsen999 Nybegynder
04. januar 2004 - 17:43 #14
Hov, lidt for sent med det svar... ;)
Avatar billede daxthevaks Nybegynder
04. januar 2004 - 18:07 #15
tjaa nu virker det vist sådan nogle lunde, nu er problemet bare at nogle af dem ikke virker :-S
Avatar billede daxthevaks Nybegynder
04. januar 2004 - 18:10 #16
Prøv at kig på www.dax.lir.dk/banner2.htm
Avatar billede daxthevaks Nybegynder
04. januar 2004 - 18:11 #17
Men kan det lade sig gøre at sætte de her bannere ind..?  selv om der er java script..? fordi dem ved jeg virker..

<center><iframe src="http://impdk.tradedoubler.com/imp/iframe/122541/164471" width="468" height="60" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe></center>
<center><script language="JavaScript" src="http://impdk.tradedoubler.com/imp/120881/164471" charset="ISO-8859-1"></script></center>
<center><script language="JavaScript" src="http://impdk.tradedoubler.com/imp/122195/164471" charset="ISO-8859-1"></script></center>
<center><script language="JavaScript" src="http://impdk.tradedoubler.com/imp/26652/164471" charset="ISO-8859-1"></script></center>
Avatar billede roenving Novice
04. januar 2004 - 18:25 #18
Det virker jo !-)
Avatar billede daxthevaks Nybegynder
04. januar 2004 - 18:27 #19
jamen jeg kan kun se 2 ud af de 4
Avatar billede roenving Novice
04. januar 2004 - 18:33 #20
Så har du ikke kigget længe nok !-)

-- den er jo random, så nogle gange kommer det samme banner igen !-)

-- hvis du vil have den til at rotere i en fast rækkefølge, kan du f.eks:

var num = Math.floor(Math.random()*banners.length)
function rotateBanners(){

  var myBanner = document.getElementById("myBanner")
  var num = (num+1)%banners.length;
  myBanner.innerHTML = banners[num];

}
</script>
</head>
<body onload="rotateBanners();setInterval('rotateBanners()',5000);">
Avatar billede daxthevaks Nybegynder
04. januar 2004 - 19:09 #21
okay sidste spørsmål...
hvorfor går der så lang tid for det første banner vises..?
Avatar billede roenving Novice
04. januar 2004 - 19:11 #22
Det var derfor jeg viste denne:

<body onload="rotateBanners();setInterval('rotateBanners()',5000);">

-- så den starter med det samme !o]

-- for ellers går der jo 30 sekunder (med 30000 !-), før den første gang udløses ...
Avatar billede daxthevaks Nybegynder
04. januar 2004 - 19:19 #23
hehe takker mange gange :-P
Så virker det sq Weeee
Avatar billede daxthevaks Nybegynder
04. januar 2004 - 19:19 #24
Men syntes da det er underligt at der ingen svar er kommet..
Avatar billede roenving Novice
04. januar 2004 - 19:20 #25
Først nu kommer det vanskelige ...

Du skal nemlig finde ud af, hvem du vil give points, og så bede dem lægge svar !-)
Avatar billede daxthevaks Nybegynder
05. januar 2004 - 01:22 #26
jamen dem som vil have points må ligge et svar, da jeg syntes i alle har været gode til at hjælpe
Avatar billede roenving Novice
05. januar 2004 - 01:25 #27
Jamen, så velbekomme '-)
Avatar billede jepsen999 Nybegynder
05. januar 2004 - 07:06 #28
Jeg omskrevet vist bare hvad de andre allerede havde foreslået, men et enkelt eksperten-point - mit første - ville da være stort :D.

Jeg fik forresten heller ikke javascript-bannerne til at virke. Virker de nu, eller har du lagt dem i IFrames alle sammen?
Avatar billede roenving Novice
06. januar 2004 - 21:05 #29
-- og tak for points ;~}
Avatar billede daxthevaks Nybegynder
06. januar 2004 - 22:41 #30
det var så lidt :-P
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