[JavaScript] Bilder automatisch aus Ordner auslesen

Dieses Thema im Forum "Webentwicklung" wurde erstellt von [Bensen], 10. November 2010 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 10. November 2010
    Bilder automatisch aus Ordner auslesen

    Guten Morgen,

    ich möchte gerne folgendes Script anpassen:
    PHP:
    // Set slideShowSpeed (milliseconds)
    var  slideShowSpeed  =  3000
    // Duration of crossfade (seconds)
    var  crossFadeDuration  =  6

    var  Pic  = new Array() 

    Pic [ 0 ] =  'images/slideshow/bild002.jpg'
    Pic [ 1 ] =  'images/slideshow/bild001.jpg'

    var  t
    var  j  =  0
    var  p  =  Pic . length

    var  preLoad  = new Array()
    for (     i  =  0 ;  i  <  p ;  i ++){
            preLoad [ i ] = new  Image ()
            preLoad [ i ]. src  =  Pic [ i ]
    }

    function      runSlideShow (){
       if (     document . all ){
               document . images . SlideShow . style . filter = "blendTrans(duration=2)"
               document . images . SlideShow . style . filter = "blendTrans(duration=crossFadeDuration)"
               document . images . SlideShow . filters . blendTrans . Apply ()      
       }
            document . images . SlideShow . src  =  preLoad [ j ]. src
            if ( document . all ){
               document . images . SlideShow . filters . blendTrans . Play ()
       }
            j  =  j  +  1
            if ( j  > ( p - 1 ))  j = 0
       t      =  setTimeout ( 'runSlideShow()' ,  slideShowSpeed )
    }
    und zwar möchte ich gerne, das das Script die Bilder automatisch aus dem Ordner ausließt sodass ich dies nicht mehr immer umständlich über "Pic[0] = '....'" machen müsste.

    Und gibt es eine Möglichkeit das die Bilder nicht immer nacheinander angezeigt werden, sonder immer ein beliebiges Bild ausgewählt wird?

    Habe leider nur sehr wenig Erfahrung mit JS und über google wurde ich hierzu auch nicht fündig.
     
  3. 10. November 2010
    AW: Bilder automatisch aus Ordner auslesen

    musst mit php machen. also mit php den ordner auslesen, alle bilder eermitteln und mit ner schleife den js-array ausgeben.

    die einfachste möglichkeit wäre wohl ein durchmischen des arrays. dann hat der zwar auch eine feste reihenfolge, wirkt aber dynamisch

    Code:
    Array.prototype.shuffle = function() {
 var tmp, rand;
 
 for(var i = 0, l = this.length; i < l; ++i) {
 rand = Math.floor(Math.random() * l);
 tmp = this[i]; 
 
 this[i] = this[rand]; 
 this[rand] = tmp;
 }
};
    ein wenig von mir optimiert von dieser seite hier: brain4 : JavaScript : Elemente eines Array mischen

    Code:
    Pic.shuffle();
     
  4. 10. November 2010
    AW: Bilder automatisch aus Ordner auslesen

    Das ich den Ordner nicht iekt per JS auslesen kann find ich persönlich zwar blöd, aber geht wohl nicht anders.

    Dank dir.

    Bin gerade über die Funktion Math.random(); gestolpert. Einfach ne Zahl von 1-xx (ok die max Anzahl der Bilder muss man immer noch manuell im Script angeben, aber so mischt er es ja auch immer neu.
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.