Indsætte tilfældigt billede

Og det skal lige siges, det ikke er et krav, det er JavaScript. Det må også gerne være PHP, hvis det er nemmere.

<script language="JavaScript">
images = new Array(4);
images[0] = "<img src='billede1' alt='text'>";
images[1] = "<img src='billede2' alt='text'>";
images[2] = "<img src='billede3' alt='text'>";
images[3] = "<img src='billede4' alt='text'>";
index = Math.floor(Math.random() * images.length);
document.write("<DL>\n");
document.write("<DT>" + "" + images[index] + "\n");
document.write("</DL>\n");
</script>

Prøv at lege lidt videre med et script som dette. Der findes tons og atter tonsvis af dem hvis du søger på Google under f.eks. "random picture" :)

-- og en lidt mere opdateret version vil se sådan ud:

<script type="text/javascript">
var imgs = new Array();

imgs[imgs.length] = "billede1.jpg";
imgs[imgs.length] = "billede2.jpg";
imgs[imgs.length] = "billede3.jpg";
imgs[imgs.length] = "billede4.jpg";
imgs[imgs.length] = "billede5.jpg";
imgs[imgs.length] = "billede6.jpg";

window.onload = function(){
  var num = Math.floor(Math.random()*imgs.length);
  document.getElementById('mitBillede').src = imgs[num];
}
</script>

<img id="mitBillede" src="" style="width:100px;height:100px;">

hmm hvad med!!
<script type="text/javascript">
<!-- Start

bannerpics=new Array;
bannerurls=new Array;

bannerpics[1]="billed";
bannerurls[1]="link";

bannerpics[2]="billed";
bannerurls[2]="link";

bannerpics[3]="billed";
bannerurls[3]="link";

bannerpics[4]="billed";
bannerurls[5]="link";

function ShowBanner() {

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

document.write("<div><a href='" + bannerurls[num] + "'>");
document.write("<img src='" + bannerpics[num] + "' border='0' ");
document.write("alt='Klik for at støtte Sjovert!'>");
document.write("</a></div>");
}
// Slut -->
</script>
<script type="text/javascript">
ShowBanner();
</script>

Og et endnu mere opdateret er..

<script type="text/javascript">
<!-- Start

bannerpics=new Array;
bannerurls=new Array;

bannerpics[1]="billed";
bannerurls[1]="link";

bannerpics[2]="billed";
bannerurls[2]="link";

bannerpics[3]="billed";
bannerurls[3]="link";

bannerpics[4]="billed";
bannerurls[5]="link";

if (title == 'ja') {
title = 'hmm';
} else {
title = 'DIN TITEL HER';
}

function ShowBanner() {

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

document.write("<div><a href='" + bannerurls[num] + "'>");
document.write("<img src='" + bannerpics[num] + "' border='0' ");
document.write("alt="+ title +">");
document.write("</a></div>");
}
// Slut -->
</script>
<script type="text/javascript">
ShowBanner();
</script>

Men en sidste ting jeg vil sige..!

Du kan også godt lave et script i PHP som gør at det banner der fx er blevet vis mindst gange bliver vist.. Det gør jo at dine bannere bliver vist lige mange gange..!;D

Bemærk, at den udgave, jeg har skrevet undgår den snart helt forældede document.write !-)

-- men den er stadig fuldt lovlig i HTML 4 !-)