Avatar billede pesa Nybegynder
11. oktober 2007 - 00:22 Der er 6 kommentarer og
1 løsning

Random image

Hej Eksperter

Jeg ønsker et script der gør at der vises et tilfældigt billede på min side. Altså trykkes der F5 kommer der et nyt billede. Det har jeg fundet flere eksempler på her på Eksperten.

Men hvordan styrer jeg billedernes ramme? Mine andre billeder på siden styrer jeg rammens farve i css en. Kan der laves et script der viser billeder vilkårligt og samtidigt styrer rammens udseende via css?

På forhånd tak.

/pesa
Avatar billede olebole Juniormester
11. oktober 2007 - 02:04 #1
<ole>

Hvad skal der præcist ske?

/mvh
</bole>
Avatar billede loevgaard Praktikant
11. oktober 2007 - 08:26 #2
Altså, hvis man skal trykke F5 for, at der skal komme et nyt billede, så er javascript vel irrelevant. Så kan du bare gøre det med php, asp eller hvad du nu bruger..
Avatar billede pesa Nybegynder
11. oktober 2007 - 12:47 #3
Heg ønsker at det skal fungere som på http://www.peter-sand.dk/projekter2.htm. Det øverste billede viser tilfældige billeder men jeg ønsker rammen som på det nederste.

Kender intet til php eller asp.
Avatar billede w13 Novice
11. oktober 2007 - 13:10 #4
Du kan løse det med JavaScript sådan her:
-----------------------------------------
<img id="randomimage">

<script type="text/javascript">
var img;
var rnd=Math.round(Math.random()*3)+1;
if(rnd==1){img="billednavn1.jpg"}
else if(rnd==2){img="billednavn2.jpg"}
else if(rnd==3){img="billednavn3.jpg"}
document.getElementById("randomimage").setAttribute("src",img);
</script>
-----------------------------------------
Dette sætter du ind, hvor billedet skal være.

Hvis du har mulighed for det, bør du kalde dine billeder noget i stil med "billede1", "billede2", "billede3", osv., altså med tal til sidst. Så kan din kode nemlig bare være:
-----------------------------------------
<img id="randomimage">

<script type="text/javascript">
var rnd=Math.round(Math.random()*3)+1;
document.getElementById("randomimage").setAttribute("src","billede"+rnd+".jpg");
</script>
-----------------------------------------
Bemærk at du kan bestemme, hvor mange billeder, der kan være, ved at rette 3-tallet i første JavaScript-linje til det ønskede antal.
Avatar billede w13 Novice
11. oktober 2007 - 13:11 #5
Faktisk kan den sidste kode bare være:
--------------------------------------
<script type="text/javascript">
document.getElementById("randomimage").setAttribute("src","billede"+(Math.round(Math.random()*3)+1)+".jpg");
</script>
--------------------------------------
Så fylder det ingenting og vi sparer en variable.
Avatar billede pesa Nybegynder
15. oktober 2007 - 20:08 #6
Cool! Så er det kørende på http://www.peter-sand.dk/projekter.htm. Tak for hjælpen.
Avatar billede w13 Novice
15. oktober 2007 - 21:11 #7
No prob. :)
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