Avatar billede mpj_86 Nybegynder
10. februar 2005 - 22:26 Der er 4 kommentarer og
1 løsning

Tilfældigt billede?

Hej

Jeg bruge dette stykke kode til at vise et billede i en td...

.td_main_indhold {
    background-image: url("images/design/main_bg_1.jpg");
    background-repeat: no-repeat;
    background-position: top center;
}

Men kan man bruge CSS til at vælge et tilfældigt billede som der skal vise i den td...?

Altså så den selv vælger i mellem disse billeder:
main_bg_1.jpg
main_bg_2.jpg
main_bg_3.jpg

Eller skal jeg bruge php til det, hvis jeg skal det, hvordan gør jeg så?
Avatar billede mpj_86 Nybegynder
11. februar 2005 - 00:27 #1
Lukker...
Avatar billede Slettet bruger
11. februar 2005 - 00:54 #2
Ja, det skal du bruge PHP eller lignende til. Det letteste er nok noget i denne stil:

I din css:
  background-image: url("images/design/main_bg.php");

I images/design/main_bg.php

<?php

$nummer=rand(1,3); // mindste og højeste muligheder.
$navn="main_bg_" . $nummer . ".jpg";

header("Location: $navn");
?>

I stedet for at redirecte (det kræver en ekstra forbindelse til serveren), kan du også bare sende billedet med det samme:

<?php

$nummer=rand(1,3); // mindste og højeste muligheder.
$navn="main_bg_" . $nummer . ".jpg";

header("Content-Type: image/jpeg");
header("Content-Length: " . filesize($navn));
readfile($navn);
?>
Avatar billede mpj_86 Nybegynder
11. februar 2005 - 12:54 #3
Tak, det virker...

Vil du have de 30 points for det?
Avatar billede roenving Novice
11. februar 2005 - 13:49 #4
-- eller man kan lave et tilfældighedsscript, som kører onload, f.eks. som i dette spørgsmål: http://www.eksperten.dk/spm/546319 !-)
Avatar billede Slettet bruger
12. februar 2005 - 00:03 #5
Nej, skidt med pointene. Bare husk, at tålmodighed er en dyd, så du behøver ikke have så travlt med at lukke.

Og som roenving viser, kan det også gøres med JavaScript, men ren css kan altså ikke klare det.
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