Ergebnis 1 bis 4 von 4

Thema: Slideshow mit Blend-Trans Filter

  1. #1
    Azubi(ne)
    Registriert seit
    01.01.2009
    Beiträge
    62
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Slideshow mit Blend-Trans Filter

    Hallo

    untenstehendes Script funzt soweit ganz gut... aber ich möchte gerne, dass man zwischen total sechs Bildern hin- und herswitchen kann und nicht nur zweien. Weiss jemand vielleicht Rat...?

    Vielen Dank schon mal

    visitor




    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>

    <title>Evening with Friends</title>

    <script language="JScript" type="text/jscript">
    <!--
    var Bild1 = new Image();
    Bild1.src = "Bild01.jpg";
    var Bild2 = new Image();
    Bild2.src = "Bild02.jpg";
    var Bild = 1;
    function Bildwechsel() {
    if (Bild == 1) {
    Bild = 2;
    document.all.Madrid.filters.blendTrans.Apply();
    document.all.Madrid.src = Bild2.src;
    document.all.Madrid.filters.blendTrans.Play();
    }
    else {
    Bild = 2;
    document.all.Madrid.filters.blendTrans.Apply();
    document.all.Madrid.src = Bild1.src;
    document.all.Madrid.filters.blendTrans.Play();
    }

    }
    //-->
    </script>

    </head>
    <body>

    <center>
    <br>
    <br>
    <br>
    <br>
    <br>

    <img src="Bild01.jpg" width="51" height="38" alt=""/>
    <img src="Bild02.jpg" width="51" height="38" alt=""/>
    <img src="Bild05.jpg" width="51" height="38" alt=""/>
    <img src="Bild06.jpg" width="51" height="38" alt=""/>
    <img src="Bild07.jpg" width="51" height="38" alt=""/>
    <img src="Bild08.jpg" width="51" height="38" alt=""/>

    <p>Klicke auf das Bild, nachdem es vollst&auml;ndig angezeigt ist.</p>

    <img id="Madrid" src="Bild01.jpg" style="cursor:hand; filter:blendTrans(Duration=4, Transition=16)" onClick="Bildwechsel()" width="512" height="384" border="0" alt="">

    </body>
    </html>
    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 !!!!!

  2. #2
    Azubi(ne)
    Themenstarter

    Registriert seit
    01.01.2009
    Beiträge
    62
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Slideshow mit Blend-Trans Filter

    sorry, habe gerade festgestellt, dass ich im falschen Forum bin...!

  3. #3
    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 mit Blend-Trans Filter

    ?? is doch bereits verschoben worden

    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    
    <title>Evening with Friends</title>
    
    <script type="text/javascript">
    <!--
    var bilder = new Array();
    bilder[0] = new Image();
    bilder[0].src = "DSCF5115.JPG";
    bilder[1] = new Image();
    bilder[1].src = "DSCF5116.JPG";
    bilder[2] = new Image();
    bilder[2].src = "DSCF5118.JPG";
    bilder[3] = new Image();
    bilder[3].src = "DSCF5119.JPG";
    bilder[4] = new Image();
    bilder[4].src = "DSCF5120.JPG";
    bilder[5] = new Image();
    bilder[5].src = "DSCF5127.JPG";
    
    var i = 0;
    
    
    function nextPic(){
    if( i< bilder.length){
    document.getElementById("Madrid").filters.blendTrans.Apply();
    document.getElementById("Madrid").src = bilder[i].src;
    document.getElementById("Madrid").filters.blendTrans.Play();
    document.getElementById("ausgabe").innerHTML = i;
    i++;
    }
    if(i>=bilder.length){
    i=(bilder.length-1);
    }
    }
    
    function backPic(){
    if( i > 0){
    i--;
    document.getElementById("Madrid").filters.blendTrans.Apply();
    document.getElementById("Madrid").src = bilder[i].src;
    document.getElementById("Madrid").filters.blendTrans.Play();
    document.getElementById("ausgabe").innerHTML = i;
    
    }else if(i<0){
    i=0;
    }
    }
    //-->
    </script>
    
    
    
    </head>
    <body style="text-align:center;">
    <span id="ausgabe">X</span>
    <p><input type="button" value="vor" onclick="nextPic()">&nbsp;<input type="button" value="zurück" onclick="backPic()"></p>
    
    <img id="Madrid" src="DSCF5131.JPG" style="cursor:hand; filter:blendTrans(Duration=2, Transition=10)" width="512" height="384" border="0" alt="">
    
    </body>
    </html> 
    wofür du die thumbnails brauchtest weiß ich net, hab se mal raus gelassen!
    wenn du jetzt noch mehr als nur 6 bilder da reinbauen willst, musste einfach das array "bilder" erweitern...

    und benutz bitte codetags, damit der code leichter zu lesen ist!
    die findeste hier(und die beiden schaltflächen daneben!):




    so sollte dat jetzt fruchten
    Geändert von synaptic (19.02.2009 um 00:52 Uhr)
    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

  4. #4
    Azubi(ne)
    Themenstarter

    Registriert seit
    01.01.2009
    Beiträge
    62
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Slideshow mit Blend-Trans Filter

    Hi Synaptic

    Einmal mehr ein geiles Script! Vielen Dank dafür...

    schönes w/e

    visitor

Ähnliche Themen

  1. Alpha Filter
    Von Alienx im Forum Forum für alle anderen Programmiersprachen
    Antworten: 1
    Letzter Beitrag: 19.01.2009, 09:49
  2. Iran will Trans Rapid bauen !!!
    Von Netvampier im Forum Off Topic und Quasselbox
    Antworten: 18
    Letzter Beitrag: 04.06.2007, 15:24
  3. Filter
    Von Daniela im Forum Computer - Internet Forum
    Antworten: 0
    Letzter Beitrag: 17.05.2007, 21:56
  4. ICQ Filter ?
    Von Nike Pike im Forum Computer - Internet Forum
    Antworten: 1
    Letzter Beitrag: 09.03.2007, 10:04
  5. Filter
    Von Sumeragi im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 21.01.2006, 23:09

Stichworte

Berechtigungen

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