login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Beste foto randomscript

Offline jscoolen - 16/03/2010 23:18
Avatar van jscoolenHTML interesse Op internet zijn veel javascripts te vinden waar men een aantal fotos random laat zien.

Ik ben nu eigenlijk op zoek naar een script dat random foto's laat zien van uit een map, de map wordt dan gespecificeerd door php. En deze map is dus per pagina anders.

Welk script kan ik hiervoor het beste gebruiken, het is een groot voordeel als het ook netjes werkt in firefox.

8 antwoorden

Gesponsorde links
Offline Ontani - 17/03/2010 08:33
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
Ik zou zo'n javascript ding gebruiken. Die voorbeelden gebruiken meestal een array van input afbeeldingen bijvoorbeeld:

  1. randomImage = new Array();
  2. randomImage[0] = new Image();
  3. randomImage[0].src = "afbeelding1.png";
  4. randomImage[1] = new Image();
  5. randomImage[1].src = "afbeelding2.png";
  6. randomImage[2] = new Image();
  7. randomImage[2].src = "afbeelding3.png";


Die array kan je gemakkelijk opbouwen met php.
Offline jscoolen - 17/03/2010 12:54 (laatste wijziging 18/03/2010 01:48)
Avatar van jscoolen HTML interesse Bedankt ga eens kijken of ik hier uit kan komen.

Heb je toevallig nog een advies over een makkelijk (te begrijpen) javascript?

Ik wilde aan de slag gaan met het volgende script:



  1. // Set slideShowSpeed (milliseconds)
  2. var slideShowSpeed = 2500
  3.  
  4. // Duration of crossfade (seconds)
  5. var crossFadeDuration = 50
  6.  
  7. // Specify the image files
  8. var Pic = new Array() // don't touch this
  9. // to add more images, just continue
  10. // the pattern, adding to the array below
  11.  
  12. Pic[0] = './new/foto/lichteffecten/lichteffecten(8).jpg'
  13. Pic[1] = './new/foto/lichteffecten/lichteffecten(13).jpg'
  14. Pic[2] = './new/foto/lichteffecten/lichteffecten(4).jpg'
  15. Pic[3] = './new/foto/opstellingen/opstelling(1).jpg'
  16. Pic[4] = './new/foto/bruiloften/bruiloft-4.jpg'
  17. Pic[5] = './new/foto/laser-shows/laser(2).jpg'
  18. Pic[6] = './new/foto/opstellingen/opstelling.jpg'
  19.  
  20.  
  21.  
  22.  
  23. // =======================================
  24. // do not edit anything below this line
  25. // =======================================
  26.  
  27. var t
  28. var j = 0
  29. var p = Pic.length
  30.  
  31. var preLoad = new Array()
  32. for (i = 0; i < p; i++){
  33. preLoad[i] = new Image()
  34. preLoad[i].src = Pic[i]
  35. }
  36.  
  37. function runSlideShow(){
  38. if (document.all){
  39. document.images.SlideShow.style.filter="blendTrans(duration=2)"
  40. document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
  41. document.images.SlideShow.filters.blendTrans.Apply()
  42. }
  43. document.images.SlideShow.src = preLoad[j].src
  44. if (document.all){
  45. document.images.SlideShow.filters.blendTrans.Play()
  46. }
  47. j = j + 1
  48. if (j > (p-1)) j=0
  49. t = setTimeout('runSlideShow()', slideShowSpeed)
  50. }
Offline Jelmerholland - 18/03/2010 07:28
Avatar van Jelmerholland PHP beginner Als ik jou was zou ik kijken of je iets kan vniden met jQuery Is stukken makkelijker
Offline jscoolen - 18/03/2010 10:56
Avatar van jscoolen HTML interesse jquery heeft de mogelijkheid ook niet, tenminste niet via hun eigen site.
Offline Martijn - 18/03/2010 11:54
Avatar van Martijn Crew PHP die code die je hierboven hebt is toch prima? je moet alleen even de functie runSlideShow() oproepen, kan bij de onload van je body oid 

jQuery is misschien wel leuk, maar heeft dan ook zeer veel functies die niet gebruikt gaan worden, daarom is t beter om het dan niet te doen. Hoe meer javascript, hoe slomer de site. Het is gewoon data dat verwerkt moet worden, en daar is niets mis mee, maar je gaat ook niet voor de lol zandzakken in je auto leggen en er niets mee doen.
Offline jscoolen - 18/03/2010 12:00
Avatar van jscoolen HTML interesse JA code werkt prima, ben alleen aan het vrechten met het script want ik wil dat hij de foto's uit een map haalt zodat ik niet alles apart hoef te defineren.

Maar ik kom er nog niet helemaal uit.
Offline Ultimatum - 18/03/2010 12:19
Avatar van Ultimatum PHP expert Dan maak je de array die nodig is toch met php? Met php lees je de map uit, maak je de array en geef je die door aan je javascript.

En als dat is waar je niet uit komt laat dan wat code zien.
Offline Martijn - 18/03/2010 12:40
Avatar van Martijn Crew PHP Je selecteert alle mappen met php, zet ze zo neer (aan elkaar dus):

"map1/foto1.jpg,map1/foto2.jpg,map2/foto1.jpg"

Die waarde echo je in javascript, dan doe je Pic =string.split(","); en dan heb je t in een array 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.21s