en hjemmeside med lidt javascript hvor filnavne ligger i en tabel. Så styrer javascript (som fx køres en gang pr minut) afgøre, om dato er skiftet fra før, og hvis ja, så vise det næste billede i rækken (med loop til første hvis sidste vises). Det er lettest/pænest, hvis billeder har samme størrelse, så der kan være en fast/stabil ramme omkring (evt med info/link)
du kan prøve at rette til her (der, hvor der er billednavne og størrelser) - billeder er fra 0 til 19. bemærk linjen <img src="firstcar.gif" id="slide" width="100" height="56" /> det er startbillede og størrelse på billeder.
jeg har ikke testet det - hvis du retter de 2 steder med d.getDate(); til d.getMinutes(); så vil den skifte en gang i minuttet - det er lettere at teste.
men gem koden som fx slide.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> var slideimages = new Array() // create new array to preload images slideimages[0] = new Image() // create new instance of image object slideimages[0].src = "firstcar.gif" // set image src property to image path, preloading image in the process slideimages[1] = new Image() slideimages[1].src = "secondcar.gif" slideimages[2] = new Image() slideimages[2].src = "thirdcar.gif" slideimages[3] = new Image() slideimages[3].src = "thirdcar.gif" slideimages[4] = new Image() slideimages[4].src = "thirdcar.gif" slideimages[5] = new Image() slideimages[5].src = "thirdcar.gif" slideimages[6] = new Image() slideimages[6].src = "thirdcar.gif" slideimages[7] = new Image() slideimages[7].src = "thirdcar.gif" slideimages[8] = new Image() slideimages[8].src = "thirdcar.gif" slideimages[9] = new Image() slideimages[9].src = "thirdcar.gif" slideimages[10] = new Image() slideimages[10].src = "thirdcar.gif" slideimages[11] = new Image() slideimages[11].src = "thirdcar.gif" slideimages[12] = new Image() slideimages[12].src = "thirdcar.gif" slideimages[13] = new Image() slideimages[13].src = "thirdcar.gif" slideimages[14] = new Image() slideimages[14].src = "thirdcar.gif" slideimages[15] = new Image() slideimages[15].src = "thirdcar.gif" slideimages[16] = new Image() slideimages[16].src = "thirdcar.gif" slideimages[17] = new Image() slideimages[17].src = "thirdcar.gif" slideimages[18] = new Image() slideimages[18].src = "thirdcar.gif" slideimages[19] = new Image() slideimages[19].src = "thirdcar.gif" </script> </head> <body>
<script type="text/javascript"> //variable that will increment through the images var step=0 var d = new Date(); var dag=d.getDate();
function slideit(){ //if browser does not support the image object, exit. if (!document.images) return
var nudag=d.getDate(); if (nudag==dag) { document.getElementById('slide').src = slideimages[step].src dag = nudag if (step<19) step++ else step=0 } //call function "slideit()" every minute setTimeout("slideit()",60000) }
Hvis det bare er til eget brug, så læg filen i en mappe sammen med billeder og start siden ved at klikke på den. Ellers skal det jo ud på nettet, og det kræver, at du har plads på en server. Hvis det bare er til dette, så er der nok nogle gratis steder - blogger.com fx.
det skal være billede - gif/png/jpg - dpf dur ikke.
Synes godt om
Ny brugerNybegynder
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.