Ergebnis 1 bis 2 von 2

Thema: Slideshow auf Webseite einbinden

  1. #1
    Youngster
    Registriert seit
    12.02.2010
    Beiträge
    12
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Slideshow auf Webseite einbinden

    Hallo,
    ich möchte meine Webcambilder, die auf dem Server archiviert werden, als Slideshow anbieten.
    Ich habe ein Script gefunden, was mir jedoch Kopfschmerzen bereitet.

    Ich habe es von der Seite:

    http://die.netzspielwiese.de/blog/ja...ting-slideshow

    Dort ist auch eine schöne Einbauanleitung, doch bei mir klappt es nicht.

    Die Sache besteht aus einem JS-Element, welches ich als "slideshow.js" auf dem Server abgelegt habe.

    Dann sind noch die Elemente:

    <script type="text/javascript" src="http://www.meinedomain.de/scripte/slideshow.js"></script>

    Das habe ich im <head> eingebaut, genau wie dieses hier:

    Code:
    <style type="text/css>
    /* SLIDESHOW */
    #slideshow {
    height:100px; /* hier Hoehe der Slideshow-Bilder angeben */
    position:relative;
    }
    #slideshow img {
    display:none;
    position:absolute;
    top:0; left:0;
    }
    #slideshow img.start {
    display:block;
    }
    </style>
    
    
    Und das "slideshow.js" Script.
    
    /*****
    Image Cross Fade Redux
    Version 1.0
    Last revision: 02.15.2006
    ********************
    
    
    Please leave this notice intact. 
    
    Rewrite of old code found here: slayeroffice | photo fade
    
    modifiziert von Franziska Maelzer: DOM-Scripting-Slideshow die  Netzspielwiese
    *****/
    
    window.addEventListener?window.addEventListener("l  oad",so_init,false):window.attachEvent("onload",so _init);
    
    var d=document, bilder = new Array(), zInterval = null, aktuell=0,  pause=false; bilderAnzahl=20;  bilderPfad="http://www.meinedomain.de/bilder/webcam/cam";  geschwindigkeit=1000;
    
    function so_init() {
    if(!d.getElementById || !d.createElement)return;    
    
    // erstes Bild wird eingelesen
    bild = d.getElementById("slideshow").getElementsByTagName ("img");
    bilder[0] = bild[0];
    bilder[0].style.display = "block";
    bilder[0].xOpacity = .99;
    
    bilder[1] = new Image();
    bilder[1].src = bilderPfad + "002.jpg";
    bilder[1].xOpacity = 0;
    d.getElementById("slideshow").appendChild(bilder[1]);
    
    setTimeout(so_xfade,geschwindigkeit);
    neuesBild();
    }
    
    function so_xfade() {
    cOpacity = bilder[aktuell].xOpacity;
    nIndex = bilder[aktuell+1]?aktuell+1:0;
    nOpacity = bilder[nIndex].xOpacity;
    
    cOpacity-=.05; 
    nOpacity+=.05;
    
    bilder[nIndex].style.display = "block";
    bilder[aktuell].xOpacity = cOpacity;
    bilder[nIndex].xOpacity = nOpacity;
    
    setOpacity(bilder[aktuell]); 
    setOpacity(bilder[nIndex]);
    
    if(cOpacity<=0) {
    bilder[aktuell].style.display = "none";
    aktuell = nIndex;
    setTimeout(so_xfade,geschwindigkeit);
    neuesBild();
    } else {
    setTimeout(so_xfade,50);
    }
    
    function setOpacity(obj) {
    if(obj.xOpacity>.99) {
    obj.xOpacity = .99;
    return;
    }
    obj.style.opacity = obj.xOpacity;
    obj.style.MozOpacity = obj.xOpacity;
    obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
    }    
    }
    
    function neuesBild() {
    // immer ein Bild vorausladen
    if ( (aktuell < (bilderAnzahl-2)) && (bilder.length <  bilderAnzahl) ) {
    bilder[aktuell+2] = new Image();
    bilder[aktuell+2].src = bilderPfad + "0" + ((aktuell+3)<10 ? "0" +  (aktuell+3) : (aktuell+3)) + ".jpg"
    bilder[aktuell+2].xOpacity = 0;
    d.getElementById("slideshow").appendChild(bilder[aktuell+2]);
    }
    }

    In der Beschreibung ist immer von den Bildendungen mit einer dreistelligen Nummer "xyz-001.jpg" die Rede.
    Meine Bilder enden aber nur mit xyz1.jpg
    Das kann ich im Webcamprogramm auch nicht umstellen.
    Ich habe die Testseite mal online gestellt:

    http://www.emscherwetter.de/test.html

    Es erscheinen 2 Bilder, dann ist Schluss.

    Es sollen aber 20 wiedergegeben werden.

    Hat da jemand den Durchblick ??
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von synaptic (13.02.2010 um 02:09 Uhr) Grund: email entfernt und codetags ergänzt -synaptic-

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Slideshow auf Webseite einbinden

    also bei mir wurden diverse bilder runtergezählt
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

Ähnliche Themen

  1. Slideshow
    Von Roland Rafael Repczuk im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 04.02.2009, 16:36
  2. FTP-Verz. in Webseite einbinden?
    Von Torty im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 2
    Letzter Beitrag: 21.08.2008, 15:26
  3. Slideshow
    Von nhl-hockey-king im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 04.05.2007, 10:45
  4. Fremde Webseite in Tabellenzelle einbinden???
    Von Moritz im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 29.07.2006, 23:10
  5. besondere fonts in webseite einbinden
    Von tulpe im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 19.08.2004, 15:14

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •