Ergebnis 1 bis 9 von 9
  1. #1
    Lommel ist offline Tripel-As
    registriert
    24-02-2005
    Beiträge
    170

    Slideshow-Script mit Zeitänderung und Zufallsmodus

    Hallo!
    Einfach gesagt geht es um eine einfache Sache, aber ich bekomme sie nicht hin. Ich bin in Java Script eben kein Fuchs, sondern nur Skripteverwerter, aber auch nach umfangreichem Probieren hat es nicht klappt. Was nicht geklappt hat? Hier:
    Ich habe folgendes Slideshow-Script und finde es auch ganz nett:

    -----------------------------------------------------------------------------------------------------------
    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <title>SLIDESHOW</title>
    <link rel=stylesheet type="text/css" href="slideshow.css">

    </head>

    <body>
    <p align="center"><input type="button" id="btnPrev" value="<< VORHERIGES" onclick="Prev();"> <input type="button" id="bntPlay" value="START - STOP" onclick="Play()"> <input type="button" id="btnNext" value=" NÄCHSTES >> " onclick="Next();"></p>

    <p align="center"><img id="_Ath_Slide" onload="OnImgLoad()"> </p>

    <p align="center"><b><font size="1" face="Verdana">Foto:</b> <SPAN id="_Ath_FileName"> </SPAN> <br>
    Bild Nr.: <SPAN id="_Ath_Img_X"></SPAN> von <SPAN id="_Ath_Img_N"></SPAN></p>

    <p align="center">

    <script language="JavaScript1.2">

    /*
    Interactive Image slideshow with text description
    By Christian Carlessi Salvadó (cocolinks@c.net.gt). Keep this notice intact.
    Visit http://www.dynamicdrive.com for script
    */


    g_fPlayMode = 0;
    g_iimg = -1;
    g_imax = 0;
    g_ImageTable = new Array();

    function ChangeImage(fFwd)
    {
    if (fFwd)
    {
    if (++g_iimg==g_imax)
    g_iimg=0;
    }
    else
    {
    if (g_iimg==0)
    g_iimg=g_imax;
    g_iimg--;
    }
    Update();
    }

    function getobject(obj){
    if (document.getElementById)
    return document.getElementById(obj)
    else if (document.all)
    return document.all[obj]
    }

    function Update(){
    getobject("_Ath_Slide").src = g_ImageTable[g_iimg][0];
    getobject("_Ath_FileName").innerHTML = g_ImageTable[g_iimg][1];
    getobject("_Ath_Img_X").innerHTML = g_iimg + 1;
    getobject("_Ath_Img_N").innerHTML = g_imax;
    }


    function Play()
    {
    g_fPlayMode = !g_fPlayMode;
    if (g_fPlayMode)
    {
    getobject("btnPrev").disabled = getobject("btnNext").disabled = true;
    Next();
    }
    else
    {
    getobject("btnPrev").disabled = getobject("btnNext").disabled = false;

    }
    }
    function OnImgLoad()
    {
    if (g_fPlayMode)
    window.setTimeout("Tick()", g_dwTimeOutSec*1000);
    }
    function Tick()
    {
    if (g_fPlayMode)
    Next();
    }
    function Prev()
    {
    ChangeImage(false);
    }
    function Next()
    {
    ChangeImage(true);
    }


    ////configure below variables/////////////////////////////

    //configure the below images and description to your own.
    g_ImageTable[g_imax++] = new Array ("image2.jpg", "Bild 1");
    g_ImageTable[g_imax++] = new Array ("image3.jpg", "Bild 2");
    g_ImageTable[g_imax++] = new Array ("image4.jpg", "Bild 3");
    g_ImageTable[g_imax++] = new Array ("image5.jpg", "Bild 4");
    g_ImageTable[g_imax++] = new Array ("image6.jpg", "Bild 5");
    g_ImageTable[g_imax++] = new Array ("image7.jpg", "Bild 6");
    g_ImageTable[g_imax++] = new Array ("image20.gif", "Bild 7");
    g_ImageTable[g_imax++] = new Array ("image8.jpg", "Bild 8");
    g_ImageTable[g_imax++] = new Array ("image9.jpg", "Bild 9");
    g_ImageTable[g_imax++] = new Array ("image10.jpg", "Bild 10");
    g_ImageTable[g_imax++] = new Array ("image11.jpg", "Bild 11");
    g_ImageTable[g_imax++] = new Array ("image12.jpg", "Bild 12");
    g_ImageTable[g_imax++] = new Array ("image13.jpg", "Bild 13");
    g_ImageTable[g_imax++] = new Array ("image14.jpg", "Bild 14");
    g_ImageTable[g_imax++] = new Array ("image1.jpg", "Bild 15");
    g_ImageTable[g_imax++] = new Array ("image15.jpg", "Bild 16");
    g_ImageTable[g_imax++] = new Array ("image16.jpg", "Bild 17");
    g_ImageTable[g_imax++] = new Array ("image17.jpg", "Bild 18");
    g_ImageTable[g_imax++] = new Array ("image18.jpg", "Bild 19");
    g_ImageTable[g_imax++] = new Array ("image19.gif", "Bild 20");
    g_ImageTable[g_imax++] = new Array ("image21.jpg", "Bild 21");
    g_ImageTable[g_imax++] = new Array ("image22.jpg", "Bild 22");
    g_ImageTable[g_imax++] = new Array ("image23.jpg", "Bild 23");
    g_ImageTable[g_imax++] = new Array ("image24.jpg", "Bild 24");
    g_ImageTable[g_imax++] = new Array ("image25.jpg", "Bild 25");
    g_ImageTable[g_imax++] = new Array ("image26.jpg", "Bild 26");
    g_ImageTable[g_imax++] = new Array ("image28.jpg", "Bild 27");
    g_ImageTable[g_imax++] = new Array ("image29.jpg", "Bild 28");
    g_ImageTable[g_imax++] = new Array ("image30.jpg", "Bild 29");
    g_ImageTable[g_imax++] = new Array ("image31.jpg", "Bild 30");
    g_ImageTable[g_imax++] = new Array ("image32.jpg", "Bild 31");
    g_ImageTable[g_imax++] = new Array ("image33.jpg", "Bild 32");
    g_ImageTable[g_imax++] = new Array ("image34.jpg", "Bild 33");
    g_ImageTable[g_imax++] = new Array ("image27.jpg", "Bild 34");
    g_ImageTable[g_imax++] = new Array ("image35.jpg", "Bild 35");
    g_ImageTable[g_imax++] = new Array ("image36.jpg", "Bild 36");
    g_ImageTable[g_imax++] = new Array ("image37.jpg", "Bild 37");
    g_ImageTable[g_imax++] = new Array ("image38.jpg", "Bild 38");
    g_ImageTable[g_imax++] = new Array ("image39.jpg", "Bild 39");
    g_ImageTable[g_imax++] = new Array ("image40.jpg", "Bild 40");
    g_ImageTable[g_imax++] = new Array ("image41.jpg", "Bild 41");
    g_ImageTable[g_imax++] = new Array ("image42.jpg", "Bild 42");
    g_ImageTable[g_imax++] = new Array ("image43.jpg", "Bild 43");

    //extend the above list as desired
    g_dwTimeOutSec=5

    ////End configuration/////////////////////////////

    if (document.getElementById||document.all)
    window.onload=Play

    </script>
    </p>

    </body>

    </html>
    ---------------------------------------------------------------------------------------------------------------
    Dass die Bilder nicht von 1 bis 43 durchnummeriert sind, sondern leicht durcheinander sind, soll nicht weiter stören. Jedenfalls möchte ich, weil ich es woanders gesehen habe und ich es geil finde, einen "Zeitmodus" einbauen. Also ich will per Drop-Down entscheiden können, in welcher zeitlichen Differenz die Bilder jetzt wechseln.
    Das ich dabei diese Zeile

    ---------------------------------------------------------------------
    //extend the above list as desired
    g_dwTimeOutSec=5
    ---------------------------------------------------------------------

    bearbeiten muss, ist mir klar, und auch das Drop-Down-Menu ist mir soweit klar...

    ---------------------------------------------------------------------
    <form name="slideshow" action="slideshow" method="post">
    <input type="hidden" name="XXXXX" value="XXXX">
    <input type="hidden" name="XXXXX" value="4">
    <select name="delay">
    <option value="0">aus</option>
    <option value="2">2 sekunden</option>
    <option value="5">5 sekunden</
    option>
    <option value="10">10 sekunden</
    option>
    <option value="15">15 sekunden</
    option>
    <option value="20">20 sekunden</
    option>
    <option value="25">25 sekunden</
    option>
    <option value="30">30 sekunden</
    option>
    </select><br>
    <input type="submit" value="&auml;ndern"><br><br>
    <input type="button" value="schliessen" onClick="window.close();">
    </form>
    -----------------------------------------------------------------------------------------

    So, und wie bring ich das vernünftig zusammen??

    Wo wir schon dabei sind: Kann mir jemand sagen, wie ich die Bilder zusätzlich in einem "Random-Modus" anzeigen lassen kann? Also ein zusätzlicher Knopf zum Start-Stop-Modus, der Start-Stop-Zufallsmodus beinhaltet?

    Vielen vielen Dank schon einmal und Gruß!!

  2. #2
    pit-r Guest

    AW: Slideshow-Script mit Zeitänderung und Zufallsmodus

    Moin!

    Was Du willst ist alles kein Problem. Würdest Du bitte zum Besten geben ob Du wirklich einen zusätzlichen Button für den Zufallsmodus haben willst? Ich fände es besser, sattdessen eine Checkbox zu benutzen. Falls Du das nicht willst, müßtest Du Dich dazu äußern, ob der Zufallsmodus beibehalten bleiben soll, wenn er gestoppt wird und danach "manuell" zurück oder weiter geklickt wird.

    Ahoi - Pit

  3. #3
    Lommel ist offline Tripel-As
    registriert
    24-02-2005
    Beiträge
    170

    AW: Slideshow-Script mit Zeitänderung und Zufallsmodus

    Hi!
    Erst einmal danke für die schnelle Antwort!
    An die Version mit den Checkboxen habe ich nicht gedacht, finde ich aber richtig gut die Idee. Ich dachte nur an den Zufallsmodus, habe aber nicht weiter über die Umsetzung nachgedacht. Wie gesagt, große Idee!
    Jetzt liegt es "nur noch" daran, das ganze umzusetzen...

    Danke und Gruß

  4. #4
    pit-r Guest

    AW: Slideshow-Script mit Zeitänderung und Zufallsmodus

    Zitat Zitat von Lommel
    Jetzt liegt es "nur noch" daran, das ganze umzusetzen...
    Kuckst Du hier... Wenn Du was geändert haben willst, was Du nicht selbst hinbekommst, sag einfach Bescheid.

    Ahoi - Pit

  5. #5
    Lommel ist offline Tripel-As
    registriert
    24-02-2005
    Beiträge
    170

    AW: Slideshow-Script mit Zeitänderung und Zufallsmodus

    Hi!
    Sehr geil, tausend Dank!!!!!!!!!!!!!!!!!! Alles perfekt!

    Schönen Gruß und Danke!!!!!

  6. #6
    pit-r Guest

    AW: Slideshow-Script mit Zeitänderung und Zufallsmodus

    Gern geschehen. Auch'n schönen Gruß - Pit

  7. #7
    Terence Hill ist offline Grünschnabel
    registriert
    05-12-2006
    Beiträge
    1

    AW: Slideshow-Script mit Zeitänderung und Zufallsmodus

    Hallo,

    ich habe das gleiche Skript auf meiner Seite. Bzw. ich bin drauf und dran dieses Skript nach meinen Anforderungen zum Laufen zu bringen. Ich versuche, die Bilder als Link zu definieren. Der Klick auf ein Bild soll den Benutzer auf eine entsprechende Seite meiner Homepage bringen. Bildunterschriften möchte ich beibehalten, die auch als Link fungieren sollen. Die Optionszeile kann weg. Die Slideshow soll automatisch loslaufen und sich ständig wiederholen. Kann mir jemand weiterhelfen? Ich stoße mit meinen Programmierkenntnissen an die Grenzen.

  8. #8
    pit-r Guest

    AW: Slideshow-Script mit Zeitänderung und Zufallsmodus

    Moin!
    Zitat Zitat von Terence Hill
    Ich stoße mit meinen Programmierkenntnissen an die Grenzen.
    Visum und Paß bekommst Du hier...

  9. #9
    webnewbie ist offline Grünschnabel
    registriert
    16-02-2007
    Beiträge
    1

    AW: Slideshow-Script mit Zeitänderung und Zufallsmodus

    Zitat Zitat von pit-r Beitrag anzeigen
    Kuckst Du hier... Wenn Du was geändert haben willst, was Du nicht selbst hinbekommst, sag einfach Bescheid.

    Ahoi - Pit
    Hier hast du ein schönes Script zur Verfügung gestellt. Im Quelltext verweist du auf eine Stylesheetdatei slideshow.css. Kannst du diese ebenfalls veröffentlichen?

    Ich möchte gerne die Dateiart von gif auf jpg ändern und scheitere daran. Im Scripttag wollte ich die Variablen im Arrayeintrag einfach anpassen, jedoch werden dann keine Bilder mehr angezeigt. Alle Bilder liegen auch im Unterverzeichnis pics. Hast du einen Lösungsvorschlag?

    MFG
    WEBNEWBIE

Ähnliche Themen

  1. script mehrfach auf einer seite ausführen
    Von lady im Forum JavaScript
    Antworten: 2
    Letzter Beitrag: 04-05-2005, 12:17
  2. Kann man dieses Script erweitern?!
    Von blockbuster im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 02-03-2005, 06:26
  3. slideshow setzt onmouseover außer kraft...hilfe?!
    Von SchnapzZ-mauzZ im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 27-01-2005, 23:17
  4. Script für "spezielle" Slideshow
    Von _Tobi_ im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 13-09-2004, 23:10
  5. Java Bild Zoomen -> brauche hielfe mit dem script
    Von tobi_wan_knobi im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 23-08-2004, 19:01

Lesezeichen

Berechtigungen

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