Random image script med link

Skal de bare ligge fast, eller skal de også skifte, mens man er på siden ?-)

De skal bare "ligge fast"... nothing fancy =)

Den første script-blok skal lægges inden td'en, f.eks. som en ekstern .js fil, som er kaldt inden (så skal du huske, at der ikke skal <script>-tags omkring !-)

<script type="text/javascript">
var pics = new Array('billede1.jpg','billede2.jpg','billede3.jpg','billede4.jpg','billede5.jpg','billede6.jpg','billede7.jpg','billede8.jpg','billede9.jpg','billede10.jpg');
var links = new Array('http://www.ditDomain.dk/1','http://www.ditDomain.dk/2','http://www.ditDomain.dk/3','http://www.ditDomain.dk/4','http://www.ditDomain.dk/5','http://www.ditDomain.dk/6','http://www.ditDomain.dk/7','http://www.ditDomain.dk/8','http://www.ditDomain.dk/9','http://www.ditDomain.dk/10');
var rnd = new Array(),numPics=4;//fastsæt antallet af billeder/links på siden

var n = Math.max(Math.min(pics.length,links.length),numPics);
rnd[0] = Math.floor(Math.random()*n);
for(j=1;numPics>j;j++){
  rnd[j] = Math.floor(Math.random()*n);
  while(!checkVal(j))rnd[j] = Math.floor(Math.random()*n);
}
//alert(rnd);
function checkVal(sl){
  var ok = true;
  for(i=0;sl>i;i++){
    ok = (rnd[i]!=rnd[sl])&&ok;
  }
  return ok;
}
</script>

  <td background="/images/background2.jpg" width="190" height="100%" bgcolor="#ffffff" align="center">
    <table>
      <script type="text/javascript">
        var txt="";
        for(i=0;numPics>i;i++){
          txt+='<tr><td><a href="'+links[rnd[i]]+'" onclick="location.href=this.href;return false"><img src="'+pics[rnd[i]]+'" width="150" height="50" alt="link '+rnd[i]+'"></a></td></tr>'
        }
        document.write(txt);
      </script>
    </table>
  </td>

Den nederste td er taget direkte ud af din side, og de iframes, du havde, da jeg kiggede er udskiftet med den table med scriptet i ...

Hvis du kopierer det hele herfra, kommer de slutninger af linjerne, du ikke kan se med !-)

-- og alt-propertyen er lavet for at jeg kunne se, at det virkede, men da den principielt skal med, kan du jo f.eks. ændre den fra rnd[i] til links[rnd[i]] ...

-- og her en udgave af array-definitionerne, hvor du kan se det hele:

<script type="text/javascript">
var pics = new Array('billede1.jpg','billede2.jpg','billede3.jpg','billede4.jpg','billede5.jpg','billede6.jpg', 'billede7.jpg','billede8.jpg','billede9.jpg','billede10.jpg');
var links = new Array('http://www.ditDomain.dk/1','http://www.ditDomain.dk/2','http://www.ditDomain.dk/3', 'http://www.ditDomain.dk/4','http://www.ditDomain.dk/5','http://www.ditDomain.dk/6','http://www.ditDomain.dk/7', 'http://www.ditDomain.dk/8','http://www.ditDomain.dk/9','http://www.ditDomain.dk/10');
var rnd = new Array(),numPics=4;//fastsæt antallet af billeder/links på siden

Tak for svaret, men jeg er ikke sikker på hvad du mener med at jeg skal ligge det inden td'en som en ekstern .js fil...
Jeg har lavet noget af det.. se det her http://www.arca.frac.dk/index4.html
Står næmere i sourcen... kunne ikke forklare placering osv. her.

Det kunne godt være der, jo, men så ville jeg placere den helt oppe i toppen, lige før </head>

<script type="text/javascript" src="/random.js"></script>

-- og som du kan se, så er der script-tag her, så der må _ikke_ være <script></script> i .js-filen !-)

det virker:) jeg skal bare lige have fastsat størrelser og border="0"... hvordan kan jeg gøre det?
(bare sæt det næste du skriver til svar du har jo svaret på mit spørgsmål)

-- og så har du skrevet, at du vil vise 6 links ?-)

-- tallet, du fastsætter med numPics = 6 er det antal, som udskrives på siden, så hvis du kun vil have f.eks. 4 ændrer du det til: numPics=4;

-- og du skal ikke angive hvor mange links du lægger, koden er fuldstændig ligeglad med, at du måske har tusindvis i dit array, det finder den selv ud af !-)

k.. tak.

Så kan vi jo ligesågodt lave det til style-angivelser:

txt+='<tr><td><a href="'+links[rnd[i]]+'" onclick="location.href=this.href;return false"><img src="'+pics[rnd[i]]+'" style="width:150px;height:50px;border:0px;" alt="link '+rnd[i]+'"></a></td></tr>'

-- og velbekomme '-)

width:150px;/*bredde*/
height:50px;/*højde*/

-- og tak for points ;~}