Gå til forsiden   Tips & Tricks, søgemaskiner, optimering, webhoteller, layout, design og meget mere Gratis grafik - knapper, gif, billeder, ikoner m.m. FrontPage - alle kan lave hjemmesider Læs interessante artikler om web og Internet Prøv vores Online Tools ... vi genererer dine koder Scripts inddelt i kategorier

hjemmesider
scripts script scripting koder asp dhtml html java javascript javascripts css funktioner programmering web
tips tricks scripts script scripting funktioner søgemaskiner webhoteller layout webdesign server optimering html hjemmesider programmering web ftp
scripts, scripting, script, koder, tips, tricks, asp, dhtml, html, java, javascript, javascripts, css, funktioner, password, login, brugerbeskyttelse, print,  hjemmesider, hjemmeside, homepage, websted, websteder, webprogrammering, programmering, web
hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside  homepage programmering hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside  homepage programmering hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside  homepage programmering

hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside  homepage programmering

Bannerrotation

Her har du en færdig kode til at lave bannerrotation på din hjemmeside. Der vises et tilfældigt banner med tilhørende link, hver gang siden loades.

Javascript

Eksempel >>

 

Sådan gør du:

Indsæt denne streng i dit <head> tag:

<!-- SCRIPT - bannerrotation -->

<script type="text/javascript">

//Script hentet fra @-beynder
//http://www.a-begynder.dk
//Stedet for webmasters ... vi har næsten alt til hjemmesider
//----------------------------------------------------------
 
billede=new Array;
links=new Array;

// Du kan indsætte så mange bannere, du vil, i listen herunder
// Bare skriv to linier til hver banner på samme måde som her

// START - liste over bannere og tilhørende URL

billede[1]="images/banners/120x60_partnerprogram.gif";
links[1]="http://www.a-begynder.dk/partnerprogram.htm";

billede[2]="images/banners/120x60_partnerprogram_aow.gif";
links[2]="http://www.a-begynder.dk/partnerprogram.htm";

billede[3]="images/banners/120x60_partnerprogram_frontpage.gif";
links[3]="http://www.a-begynder.dk/partnerprogram.htm";

billede[4]="images/banners/120x60_partnerprogram_grafik.gif";
links[4]="http://www.a-begynder.dk/partnerprogram.htm";

billede[5]="images/banners/120x60_partnerprogram_reklame.gif";
links[5]="http://www.a-begynder.dk/partnerprogram.htm";

// SLUT - liste over bannere og tilhørende URL


//Du skal ikke ændre noget under denne linie
//------------------------------------------

function ShowBanner() {

num = Math.random();
num = 1 + ( num * ((billede.length - 1)-1));
num = Math.round(num);

document.write("<div><a href='" + links[num] + "'>");
document.write("<img src='" + billede[num] + "' border='0' ");
document.write("alt='Click here to find out more!'>");
//http://www.a-begynder.dk
document.write("</a></div>");
}
</script>

<!-- SCRIPT - bannerrotation - SLUT -->
 

Indsæt selv link til dine bannere og den url, som det enkelte banner skal pege på. Du kan ændre på antallet af bannere som du vil ... bare følg den form du ser i listen.

 

Indsæt herefter nedenstående kode i din html-kode, der hvor banneret skal være.

<-- START - Bannerrotation fra http//www.a-begynder.dk -->
<script type="text/javascript">
ShowBanner();
</script>
<-- SLUT - Bannerrotation -->
 

 

 

Det færdige html-dokument <html>

<head>

<!-- SCRIPT - bannerrotation -->

<script type="text/javascript">


//Script hentet fra @-beynder
//http://www.a-begynder.dk
//Stedet for webmasters ... vi har næsten alt til hjemmesider
//----------------------------------------------------------

billede=new Array;
links=new Array;

// Du kan indsætte så mange bannere, du vil, i listen herunder
// Bare skriv to linier til hver banner på samme måde som her

// START - liste over bannere og tilhørende URL

billede[1]="images/banners/120x60_partnerprogram.gif";
links[1]="http://www.a-begynder.dk/partnerprogram.htm";

billede[2]="images/banners/120x60_partnerprogram_aow.gif";
links[2]="http://www.a-begynder.dk/partnerprogram.htm";

billede[3]="images/banners/120x60_partnerprogram_frontpage.gif";
links[3]="http://www.a-begynder.dk/partnerprogram.htm";

billede[4]="images/banners/120x60_partnerprogram_grafik.gif";
links[4]="http://www.a-begynder.dk/partnerprogram.htm";

billede[5]="images/banners/120x60_partnerprogram_reklame.gif";
links[5]="http://www.a-begynder.dk/partnerprogram.htm";

// SLUT - liste over bannere og tilhørende URL


//
Du skal ikke ændre noget under denne linie
//------------------------------------------

function ShowBanner() {

num = Math.random();
num = 1 + ( num * ((billede.length - 1)-1));
num = Math.round(num);

document.write("<div><a href='" + links[num] + "'>");
document.write("<img src='" + billede[num] + "' border='0' ");
document.write("alt='Click here to find out more!'>");
//http://www.a-begynder.dk
document.write("</a></div>");
}
</script>

<!-- SCRIPT - bannerrotation - SLUT -->


</head>

<body>

<-- START - Bannerrotation fra http//www.a-begynder.dk -->
<script type="text/javascript">
ShowBanner();
</script>
<-- SLUT - Bannerrotation -->

</body>

</html>

Eksempel ...
Prøv at genloade siden et par gange (tryk på F5). Så vil du se dette banner skifte.

 

 

Du er nu klar til at indsætte reklamere på din hjemmeside.
God fornøjelse ...

 

Til toppen >>


powered by FreeFind

hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside homepage programmering
hjemmesider webdesign frontpage grafik scripts asp html css tutorial begynder hjemmeside homepage programmering

Annoncer her ...!