• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Javascript - Bilder anzeigen

Status
Für weitere Antworten geschlossen.

Haz83

Neues Mitglied
Hallo,

ich bin neu hier (naja, lese schon länger hier mit, war aber noch nicht angemeldet :razz: )

Ich habe für eine Galerie auf meiner HP folgenden Code:


Code:
<html>
    <head><body bgcolor="#990000">
        <title>Bilder</title>
        <link rel="stylesheet" href="Style.css" type="text/css">
        <script type="text/javascript">
            <!--
            var z = 0;
            
            var Bild = new Array();
            Bild[0] = "<img src=\"200001.jpg\" alt=\"2\" width=\"437px\" height=\"358px\" border=\"0\">";
            Bild[1] = "<img src=\"200002.jpg\" alt=\"2\" width=\"437px\" height=\"358px\" border=\"0\">";
            Bild[2] = "<img src=\"200003.jpg\" alt=\"2\" width=\"437px\" height=\"358px\" border=\"0\">";
            Bild[3] = "<img src=\"200004.jpg\" alt=\"2\" width=\"437px\" height=\"358px\" border=\"0\">";
            Bild[4] = "<img src=\"200005.jpg\" alt=\"2\" width=\"437px\" height=\"358px\" border=\"0\">";
            Bild[5] = "<img src=\"200006.jpg\" alt=\"2\" width=\"437px\" height=\"358px\" border=\"0\">";
            Bild[6] = "<img src=\"200007.jpg\" alt=\"2\" width=\"437px\" height=\"358px\" border=\"0\">";
                        
        
            function Vor() 
            {
                if(z < Bild.length-1)
                    z += 1;
                document.getElementById("bild").innerHTML = Bild[z];
                document.getElementById("zaehler").innerHTML = "Bild "+(z+1)+" von "+Bild.length;
            }
            function Zurueck()
            {
                if (z > 0)
                    z-= 1;
                document.getElementById("bild").innerHTML = Bild[z];
                document.getElementById("zaehler").innerHTML = "Bild "+(z+1)+" von "+Bild.length;
            }
            //-->
        </script>
    </head>
    <body OnLoad="Zurueck();">
        <div align="center">
            <input type="Button" name="rwd" value="<--" OnClick="Zurueck();">
            <input type="Button" name="fwd" value="-->" OnClick="Vor();">
            <span id="zaehler"></span>
            <div id="bild"></div>
        </div>
    </body>
</html>

Das klappt alles wunderbar mit dem Anzeigen. Jedoch habe ich noch ne andere Seite, auf die ich einen Link setzen will, ebenfalls auf diese Galerie, der mir dann aber die Galerie ab dem z.B. 5. Bild anzeigen soll.

Um das nochmal ein bisschen zu erklären:

Die Bilder sind von verschiedenen Auftritten. Die Galerie fasst aber alle Auftritte eines Jahres zusammen. Wenn ich aber auf ner anderen Seite einen Auftritt anklicken, läd es zwar die Galerie, aber mit Bild 1. Da der Auftritt aber später war, möchte ich, dass ich es mir aussuchen kann, mit welchen Bild die Galerie am Anfang lädt.

Ich hoffe das ist nicht zu schwer erklärt. :razz:

Danke euch schonmal

Gruß Norman
 
Werbung:
Das leichteste wäre wenn du PHP hast
Dann machst du einen Link. Zum beispiel:

index.php?bildNr=5

Dann müsstest nur in dein Script folgendes schreiben

z='<?php echo $_GET["bildNr"]; ?>';


Eine javascript Variante wäre teilweise gleich(also mit einer GET Variable), jedoch würde ich dir dann ein Script ans Herz legen

$_GET für Javascript [Javascript ist Toll!]

Hoffe das hilft dir weiter ;)
 
Danke erstmal für deine Hilfe,

leider ist die Seite im Moment nicht erreichbar.

Ich werd aber die Sache sicherlich auch so rauskriegen, ich weiss ja wonach ich googlen muss :)

Ich meld mich nochmal wenn ich Erfolg hatte


Gruß Norman
 
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben