javascript modifizieren

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
  • #1

    javascript modifizieren

    Hallo ich habe ein tolles Script gefunden, dass auf Klick zwischen zwei Bildern wechseln kann. Ich möchte aber geren drei und mehr Bilder auf diese Weise wechseln lassen. Weis jemand wie ich das Script modifizieren muss?
    <script language="JavaScript">
    <!--
    // © Autor: SelfHTML
    // http://www.selfhtml.de
    var TN = "Effekt<br>bei Text";
    var TA = "Neuer<br>Text jetzt";
    var flt = new Array();
    for(i=0;i<=23;i++) flt[i] = TN;
    var gflt = new Array();
    for(i=0;i<=23;i++) gflt[i] = 1;
    var Bild1 = new Array();
    var Bild2 = new Array();
    for(i=0;i<=23;i++)
    {
    Bild1[i] = new Image();
    Bild1[i].src = "madrid1.jpg";
    }
    for(i=0;i<=23;i++)
    {
    Bild2[i] = new Image();
    Bild2[i].src = "madrid2.jpg";
    }
    function rtf(obj,nr)
    {
    if (! document.all) return;
    if(flt[nr] == TN)
    {
    flt[nr] = TA;
    obj.filters.revealTrans.Apply();
    obj.innerHTML = TA;
    obj.filters.revealTrans.Play();
    }
    else
    {
    flt[nr] = TN;
    obj.filters.revealTrans.Apply();
    obj.innerHTML = TN;
    obj.filters.revealTrans.Play();
    }
    }
    function rtfg(gobj,nr)
    {
    if (! document.all) return;
    if(gflt[nr] == 1)
    {
    gflt[nr] = 2;
    gobj.filters.revealTrans.Apply();
    gobj.src = Bild2[nr].src;
    gobj.filters.revealTrans.Play();
    }
    else
    {
    gflt[nr] = 1;
    gobj.filters.revealTrans.Apply();
    gobj.src = Bild1[nr].src;
    gobj.filters.revealTrans.Play();
    }
    }
    // -->
    </script>
    <img src="madrid1.jpg" style="cursor:hand; filter:revealTrans(Duration=1.5,Transition=12)" onclick="rtfg(this,12)" width=250 height=180">
    Tags: None
  • #2
    danke hab es selber rausgefunden hier die Diashow

    hier der Code für alle die noch nach einer Diashow suchen:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1250">
    <meta name="generator" content="PSPad editor, www.pspad.com">
    <title></title>
    <script language="JavaScript">
    <!--
    // © Autor: SelfHTML
    // http://www.selfhtml.de

    var gflt = new Array();
    for(i=0;i<=23;i++) gflt[i] = 1;
    var Bild1 = new Array();
    var Bild2 = new Array();
    var Bild3 = new Array();
    var Bild4 = new Array();
    for(i=0;i<=23;i++)
    {
    Bild1[i] = new Image();
    Bild1[i].src = "bild1.jpg";
    }
    for(i=0;i<=23;i++)
    {
    Bild2[i] = new Image();
    Bild2[i].src = "bild2.jpg";
    }

    for(i=0;i<=23;i++)
    {
    Bild3[i] = new Image();
    Bild3[i].src = "bild3.jpg";
    }

    for(i=0;i<=23;i++)
    {
    Bild4[i] = new Image();
    Bild4[i].src = "bild4.jpg";
    }

    function rtfg(gobj,nr)
    {
    if (! document.all) return;
    if(gflt[nr] == 1)
    {
    gflt[nr] = 2;
    gobj.filters.revealTrans.Apply();
    gobj.src = Bild2[nr].src;
    gobj.filters.revealTrans.Play();
    }
    else if (gflt[nr] == 2)
    {
    gflt[nr] = 3;
    gobj.filters.revealTrans.Apply();
    gobj.src = Bild3[nr].src;
    gobj.filters.revealTrans.Play();
    }
    else if(gflt[nr] == 3)
    {
    gflt[nr] = 4;
    gobj.filters.revealTrans.Apply();
    gobj.src = Bild4[nr].src;
    gobj.filters.revealTrans.Play();
    }
    else
    {
    gflt[nr] = 1;
    gobj.filters.revealTrans.Apply();
    gobj.src = Bild1[nr].src;
    gobj.filters.revealTrans.Play();
    }

    }
    // -->
    </script>

    </head>
    <body>
    <img src="bild1.jpg" style="cursor:hand; filter:revealTrans(Duration=0.3,Transition=7)" onclick="rtfg(this,7)" width=250 height=180">
    </body>
    </html>

    Comment

    Previous template Next
    Working...
    X