tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
3
ZUGRIFFE
166
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 28.09.11 14:49 #1
    markystgt markystgt ist offline Grünschnabel
    Registriert seit
    Sep 2011
    Beiträge
    2
    Hallo liebe Gemeinde,

    ich habe folgendes script. Dies funktioniert auch prima, doch leider kann ich die Bilder nur in die "rechte" Richtung klicken, was muss ich einfügen, dass ich die Bilder mit "links" auch wieder zurückklicken kann?

    Wahrscheinlich schlagen jetzt viele die Hände über den Kopf zusammen, aber ich steh irgendwie auf dem Schlauch.
    Code javascript:
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

    <script type="text/javascript">
 
 pics = new Array;
 pics[0] = "pic04.jpg";
 pics[1] = "pic05.jpg";
 pics[2] = "pic06.jpg";
 pics[3] = "pic07.jpg";
 
 
 function switchPicture(arrow) {
 var pos = document.getElementById("pos").value;
 if (arrow == "right") {
 pos++;
 if (pos >= pics.length) { pos = 0; }
 document.getElementById("bild").src = "/projekte/bib/kern/" + pics[pos];
 document.getElementById("pos").value = pos;
 }
 }
 
 function begin() {
 var pos = document.getElementById("pos").value;
 document.getElementById("bild").src = "/projekte/bib/kern/" + pics[pos];
 }
 
 </script>
 
 <body onload="begin()">
<img src="pic04.JPG" id="bild"><input type="hidden" value="0" id="pos">
<a onclick="switchPicture('left')" align="absmiddle"> &lt;&lt; </a><a onclick="switchPicture('right')" align="absmiddle">&gt;&gt;</a>
    Geändert von sheel (28.09.11 um 14:51 Uhr) Grund: Codetags
     
    Zitieren Zitieren
  2. 28.09.11 14:55 #2
    Avatar von sheel
    sheel sheel ist gerade online Moderator
    tutorials.de Moderator
    Registriert seit
    Jul 2007
    Beiträge
    4.504
    Hi und Willkommen bei tutorials.de

    Ersetz
    Code javascript:
    1
2
3
4
5
6
7

    if (arrow == "right") {
    pos++;
    if (pos >= pics.length)
        pos = 0;
    document.getElementById("bild").src = "/projekte/bib/kern/" + pics[pos];
    document.getElementById("pos").value = pos;
}
    durch
    Code javascript:
    1
2
3
4
5
6
7
8
9
10
11
12

    if (arrow == "right") {
    pos++;
    if (pos >= pics.length)
        pos = 0;
}
if (arrow == "left") {
    pos--;
    if (pos < 0)
        pos = pics.length - 1;
}
document.getElementById("bild").src = "/projekte/bib/kern/" + pics[pos];
document.getElementById("pos").value = pos;

    Und bitte in Zukunft die Codetags verwenden.Hab sie jetzt schon eingefügt.

    Gruß
     
    Netiquette (vA §15) und Nutzungsregeln (vA §4.8) einhalten! Programmcode in Codetags/Codeboxen.
    Sehr gute Beiträge bitte Bewerten (Stern darunter oder "Danke").
    "Funktioniert nicht" ist zu ungenau! Code, Fehlermeldungen, Verhalten des Programms, ...?
    Zitieren Zitieren
  3. 28.09.11 14:56 #3
    CPoly CPoly ist gerade online Mitglied Weizenbier
    tutorials.de Premium-User
    Registriert seit
    Sep 2009
    Beiträge
    2.445
    Du musst nur in "switchPicture" einen zweiten Zweig für "left" einfügen.

    Code javascript:
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

    function switchPicture(arrow) {
    var pos = document.getElementById("pos").value;
    
    if (arrow == "right") {
        pos++;
        
        if (pos >= pics.length) {
            pos = 0;
        }
    } else {
        pos--;
        
        if(pos < 0) {
            pos = pics.length - 1;
        }
    }
    
    document.getElementById("bild").src = "/projekte/bib/kern/" + pics[pos];
    document.getElementById("pos").value = pos;
}
    (ungetestet)

    Edit: Zu langsam :-D
     
    Zitieren Zitieren
  4. 28.09.11 15:01 #4
    markystgt markystgt ist offline Grünschnabel
    Registriert seit
    Sep 2011
    Beiträge
    2
    cool... vielen, vielen dank************

    Ich werde es heute abend gleich ausprobieren******
     
    Zitieren Zitieren
« max-Knopf | Vergleichbares zu: style.display='table'; »

Ähnliche Themen

  1. Javascript mit Bilderwechsel
    Von YStadler im Forum Javascript & Ajax
    Antworten: 5
    Letzter Beitrag: 31.08.08, 12:04
  2. Bilderwechsel mit javascript geht nicht richtig!
    Von Mo1k im Forum Javascript & Ajax
    Antworten: 10
    Letzter Beitrag: 14.03.07, 17:02
  3. Bilderwechsel per Javascript - Problem
    Von Digiworx im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 01.02.06, 10:35
  4. DW: Bilderwechsel per Javascript funktioniert im IE nicht
    Von metno im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 25.12.05, 00:16
  5. Bilderwechsel
    Von HeinerPyt im Forum Javascript & Ajax
    Antworten: 4
    Letzter Beitrag: 29.04.04, 18:02

Stichworte