Antworten auf deine Fragen:
Neues Thema erstellen

Problem mit Bildwechsel (JavaScript)

C

CJDesign

Guest

Hallo zusammen,

ich doktor schon seit geraumer Zeit an einem JS zum Bildwechsel. Dieses soll folgendes können:

1. Beim click auf einen Pfeil (vor oder zurück) wird das nächste Bild angezeigt
2. jedes Bild soll dynamisch mit einem eigenen Hyperlink verknüpft sein.

An sich funktioniert das ganze auch wie es soll, jedoch öffnet sich der Link erst beim zweiten anclicken des Bildes... Dieses Problem bekomm ich einfach nicht raus. Hat jemand vieleicht eine Idee?

Hier mein Code:

JS:
Code:
<script>
      var i = 0;
      newapps = Array();
      newapps[0] = "flash/app1.jpg";
      newapps[1] = "flash/app2.jpg";
      newapps[2] = "flash/app3.jpg";
      newapps[3] = "flash/app4.jpg";

      link = Array();
      link[0] = "app1.htm";
      link[1] = "app2.htm";
      link[2] = "app3.htm";
      link[3] = "app4.htm";
      
      function nextImg() {
          i = (i < (newapps.length-1)) ? i+1 : 0;
          document.flashImage.src = newapps[i];
          }

      function prevImg() {
          i = (i > 0) ? i-1 : newapps.length-1;
          document.flashImage.src = newapps[i];
          }
          
      function now() {
          document.getElementById('link').href = link[i];
          }
    </script>

und hier der Aufruf des ganzen bzw der Bildwechsel bereich an sich:
Code:
<a href="javascript:onclick=prevImg();" class="flash_left">back</a>

<a id="link" href="javascript:now()"><img id="bild" src="flash/app1.jpg" name="flashImage" border="0" style="float: left;" /></a>

<a href="javascript:onclick=nextImg();" class="flash_right">next</a>

Wäre echt super, wenn mir jemand helfen könnte.

Besten Dank schonmal und Gruß
CJD
 

cebito

undefined

AW: Problem mit Bildwechsel (JavaScript)

Du rufst now() ja erst bei Klick auf das Bild auf, also wird ihm beim ersten Klick die href erst gegeben. Du müsstest now() aus den Funktionen nextImg() und prevImg() heraus aufrufen.
HTML:
function nextImg() {
           i = (i < (newapps.length-1)) ? i+1 : 0;
           document.flashImage.src = newapps[i];
           now();
          }        
function prevImg() {
           i = (i > 0) ? i-1 : newapps.length-1;
           document.flashImage.src = newapps[i];
           now();
          }
 
Zuletzt bearbeitet:
C

CJDesign

Guest

AW: Problem mit Bildwechsel (JavaScript)

Aaaaaah, Tatsache, DANKE!

Nun ist das Problem nur noch beim ersten Bild vorhanden (direkt nach dem Laden der Seite, da ja hier noch kein now() ausgeführt wurde)
Das werd ich scho rausbekommen.

Viele Dank nochmal, echt super!
Gruß
CJD
 

cebito

undefined

AW: Problem mit Bildwechsel (JavaScript)

Die href für das erste Bild schreibste jetzt statt dem now()-Aufruf ins href...
 
C

CJDesign

Guest

AW: Problem mit Bildwechsel (JavaScript)

danke!
hats erst über onLoad aufgerufen, aber deine Variante ist hübscher.

Vielen Dank nochmal für die schnelle Hilfe!

Gruß
CJD
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.636
Beiträge
1.538.485
Mitglieder
67.559
Neuestes Mitglied
hanuta
Oben