Avatar billede finb Ekspert
09. oktober 2015 - 13:13 Der er 7 kommentarer og
1 løsning

Vise slides/fotos i LOOP

På en App eller på Internet vil jeg gerne
vise 20 forskellige slides/fotos i LOOP,
men hvert slide skal stå en hel dag
og kun skifte kl. 24, således:

Dag  1 vises kun slide 1
Dag  2 vises kun slide 2
...
Dag 20 vises kun slide 20,

-og her kommer krøllen:

Dag 21 vises kun slide 1
Dag 22 vises kun slide 2,
osv. osv,
Hvordan gør jeg ?
Tak finb
Avatar billede claes57 Ekspert
09. oktober 2015 - 14:50 #1
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)
Avatar billede finb Ekspert
10. oktober 2015 - 13:49 #2
Hej Claes,
billederne er helt ens,
kan du lave det,
og hvad koster du ?
Mvh finb
Avatar billede claes57 Ekspert
10. oktober 2015 - 14:49 #3
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>

  <img src="firstcar.gif" id="slide" width="100" height="56" />

  <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)
  }

slideit()

</script>
  </body>
</html>
Avatar billede claes57 Ekspert
10. oktober 2015 - 14:52 #4
ret linjen
if (nudag==dag) {
til
if (nudag!=dag) {
Avatar billede finb Ekspert
12. oktober 2015 - 14:00 #5
Hej Claes,

det er helt forrygende !
Uden at kende java,
kan jeg godt forstå din kode,
og forhåbentlig rette til.

Jeg er ny ang. internet,
skal jeg købe/leje en hjemmeside først,
eller hvordan gør jeg ?
Send svar, få point !
Mvh finb
Avatar billede claes57 Ekspert
12. oktober 2015 - 14:14 #6
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.
Avatar billede finb Ekspert
13. oktober 2015 - 13:09 #7
Det må jeg prøve.
Kan jeg bruge andre billeder end .gif
fx .jpg eller .pdf ?
Send svar, så du kan få point !
finb
Avatar billede claes57 Ekspert
13. oktober 2015 - 13:20 #8
det skal være billede - gif/png/jpg - dpf dur ikke.
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

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