Avatar billede holckie Nybegynder
20. august 2010 - 14:58 Der er 4 kommentarer og
1 løsning

Forskellige links på random visning billeder

Hej

I nedenstående script vises et tilfældigt billede (random), hver gang browseren opdateres. Min udfordring er, at jeg godt vil have et unikt link på hvert billede - dvs forskellige links afhængigt af hvilket billede, der vises. Hvordan gør jeg det?

På forhånd tak for hjælpen!

-------------------------------------------------------------------

<html>
    <head>
        <script language="javascript" type="text/javascript">
        <!-- Hide script from old browsers
       
        myPix = new Array("http://infonet/Arbejdsrum/csr/PublishingImages/goer-danmark-smukkere.gif","http://infonet/Arbejdsrum/csr/PublishingImages/hjaelper-kunderne-med-at-styre-forbruget.gif","http://infonet/Arbejdsrum/csr/PublishingImages/har-plads-til-medarbejdere-med-nedsat-arbejdsevne.gif")
        imgCt = myPix.length
        function choosePic() {
            if (document.images) {
            randomNum = Math.floor ((Math.random() * imgCt))
            document.myPicture.src = myPix[randomNum]
            }
        }
           
// End script from old browsers -->
        </script>
    </head>     
      <body bgcolor="#ffffff" onload="choosePic()" style="margin: 0;0;0;0;">
          <img src="http://www.energimidt.dk/PublishingImages/Spacer.gif" border="0" name="myPicture" alt="CSR">
    </body>
</html>
Avatar billede kalp Novice
20. august 2010 - 15:25 #1
hvis man tager udgangspunkt i det du har lavet.. så lav en Array mere med links i:)

så har de samme position som billederne;)

og du skal blot indsætte linket hvor du ønsker.
Avatar billede kalp Novice
20. august 2010 - 15:30 #2
sådan utested det jeg tror du mener?

<html>
    <head>
        <script language="javascript" type="text/javascript">
        <!-- Hide script from old browsers
       
        myPix = new Array("http://infonet/Arbejdsrum/csr/PublishingImages/goer-danmark-smukkere.gif","http://infonet/Arbejdsrum/csr/PublishingImages/hjaelper-kunderne-med-at-styre-forbruget.gif","http://infonet/Arbejdsrum/csr/PublishingImages/har-plads-til-medarbejdere-med-nedsat-arbejdsevne.gif")
        myLinks= new Array("http://www.google.dk","http://www.yahoo.dk","http://www.jubii.dk")
        imgCt = myPix.length
        function choosePic() {
            if (document.images) {
            randomNum = Math.floor ((Math.random() * imgCt))
            document.myPicture.src = myPix[randomNum]
            document.getElementById('link').href = myLinks[randomNum];
            }
        }
           
// End script from old browsers -->
        </script>
    </head>     
      <body bgcolor="#ffffff" onload="choosePic()" style="margin: 0;0;0;0;">
        <a href="www.blah.dk" id="link" ><img src="http://www.energimidt.dk/PublishingImages/Spacer.gif" border="0" name="myPicture" alt="CSR"></a>
    </body>
</html>
Avatar billede kalp Novice
20. august 2010 - 15:32 #3
Hvis det er det du mener så kan det selvfølgelig gøres pænere..
Du kan lave et objekt som har url og billede så du på den måde kun skal benytte dig af et array.
Avatar billede holckie Nybegynder
20. august 2010 - 21:30 #4
Fandt selv en løsning, der virker:

-------------------------------------------

<script language="JavaScript"><!--

//Javascript Created by Computerhope http://www.computerhope.com

//store the quotations in arrays

images = new Array(4);

images[0] = "<a href = 'http://www.computerhope.com/index.htm'><img src='http://www.computerhope.com/banners/banner.gif' alt='Visit Computer Hope'></a>";

images[1] = "<a href = 'http://www.computerhope.com/history/index.htm'><img src='http://www.computerhope.com/banners/banner2.gif' alt='Computer History'></a>";

images[2] = "<a href = 'http://www.computerhope.com/index.htm'><img src='http://www.computerhope.com/banners/banner3.gif' alt='Visit Computer Hope'></a>";

images[3] = "<a href = 'http://www.computerhope.com/newslet.htm'><img src='http://www.computerhope.com/banners/banner4.gif' alt='Computer Hope Newsletter'></a>";

index = Math.floor(Math.random() * images.length);

document.write(images[index]);

//done

// --></script><br>
Avatar billede holckie Nybegynder
20. august 2010 - 21:32 #5
Ja, du har ret. Det er en lidt pænere løsning. Tak for tippet :)
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