29. april 2002 - 15:33Der er
18 kommentarer og 1 løsning
Nyt banner format
På http://nyheder.tv2.dk/ kører lige nu et helt nyt bannerformat. Det er et lille banner i venstre side, der zoom'er ud og dækker hele siden, hvorefter det zoom'er ind til oprindelig størrelse igen. Jeg har forsøgt at "efterligne" dette banner, men da mine kundskaber i JavaScript er meget begrænsede, er det ikke lykkedes.
Jeg håber der er nogen der kan hjælpe med en komplet kode. Altså noget kode, som er nemt at tilpasse, selvom man ikke kan JavaScript. Jeg er klar over at det er en stor opgave, men jeg håber I vil tage udfordringen op.
Nårh ja...banneret på TV2 vises kun en enkelt gang. Derefter smides der en cookie, så man ikke ser banneret hver gang siden hentes. Jeg vil dog helst have at banneret kommer hver gang.
Jeg er godt klar over at jeg skal have fat i zoombanner.js, og det har jeg også. Det er dog stadig ikke nok. Hvis du kan få det til at virke, må du meget gerne skrive koden her på siden.
jeg kan godt hive den js fil ned så det kan du også men jeg vil ikke gøre det, det må du selv jeg skal ikke ind i noget med Copyright eller noget i den still
jeg har sagt hvordan du gør det højre klik find zoombanner lige undr den ligger url til js file såd ved du selv resten
Som jeg har forsøgt at forklare en del gange, har jeg ingen problemer med at hente den omtalte js fil. Scriptet virker bare ikke når man blot henter det ned. Der skal gøres et eller andet ved det.
Reklamen skal dog også zoome ind igen. Desuden må du meget gerne skrive (med kommentarer), hvor jeg angiver x antal sekunder reklamen vises, hvor bred og høj reklamen skal være samt hvor den zoom'er ud fra. Håber du forstår hvad jeg mener.
nu zoomer den også ned. <html> <head> <script type="text/javascript"> var a = 0; var b = 0; var videre = 1; function zoom() { document.all.her.style.width = a; document.all.her.style.height = b; document.all.her.style.top = document.body.clientHeight - b; if (videre == 1){ setTimeout("zoomop()", 1); } if (videre == -1){ setTimeout("zoomned()", 1); } } function zoomop(){ var maxa = document.body.clientWidth - 20; var maxb = document.body.clientHeight - 20; videre = 0; if (a<maxa){ a = a + 20; videre = 1; } if (b<maxb){ b = b + 20; videre = 1; } if (videre == 1){ zoom(); } if (videre == 0){ setTimeout("zoomned()", 2000); } } function zoomned(){ videre = 0; if (a>20){ a = a - 20; videre = -1; } if (b>20){ b = b - 20; videre = -1; } if (videre == -1){ zoom(); } if (videre == 0){ stopper(); } } function stopper(){ document.all.her.style.display = 'none' } </script> <body onload="setTimeout('zoom()',2000)"> pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder pladder <div id="her" style="position:absolute;top:100%;left:0;background-color:#ff0000;border-style:solid;border-width:2;border-color:#000000"> <span style="position:relative;top:4;left:95%;border-style:solid;border-width:2;border-color:#000000;cursor:hand" onclick="this.parentElement.style.display='none'"> x </span> her står al den tekst du vil vise frem. </div> </body> </html> Du styrer tiden i de to linier der hedder
<body onload="setTimeout('zoom()',2000)"> og setTimeout("zoomned()", 2000);
den første styrer hvor lang tid der går før den popper op, den anden styrer hvor lang tid der går før den popper ned igen.
Bredden og højden angives med de to variable maxa og maxb, de er sat til document.body.clientHeight/Width - 20, det vil sige næsten hele skærmen. Den kan du selvfølgelig bare sætte til et tal i stedet. Hvis du vil ændre hvor den starter fra, er det straks lidt mere vanskeligt. Der er det nemmere at du giver mig et eksempel på hvor du vil have den til at starte fra, så kan jeg vise dig det.
Forestil dig en side ligesom http://nyheder.tv2.dk En side der er bygget op med tabeller, er menu i venstre side osv. Jeg vil gerne have den til at starte i en sådan venstre menu.
Håber det er tilstrækkeligt til at hjælpe dig videre. Jeg kan ikke give dig adressen på den eksakte side, det den endnu er fortrolig.
Her er koden fra webbyen, så kan du jo sammenligne lidt.
<script language="JavaScript1.2"> a = eval((document.body.clientWidth-760)/2)+135; document.write ('<DIV ID=scrolldownbanner STYLE="top:-154px;left:'+a+'px;clip:rect(250px auto auto auto);position:absolute; width:490px; height:250px;">'); </script>
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.