Blättern in Fotoalbum UND individuelle Foto-Auswahl

[juewi]

...
Mathias

Vielen lieben Dank Mathias für deine ausführlichen Erklärungen und Tipps. Hab sie mit Interesse und ständiger Begriffssuche in Selfhtml studiert und muss leider zum Schluss kommen: Schuster bleib bei Deinen Leisten ... es wird mir in großen Teilen zu abstrakt, das bringt mir nix und euch kostets Zeit.

Daher versuch ich einen für mich verständlichen Weg zu gehen und bitte euch, ob ihr mir da ein wenig auf die Sprünge helfen könntet. Ich weiss - Peanuts für euch - doch lieber ein wenig unorthodox aber mit Verständnis als ausgefeilt aber ohne Durchblick.

*** Nochmal kurz das Ziel: ***
der User soll wahlweise/abwechselnd über Klick auf Thumbnails Fotos anzeigen lassen und aber auch eine Blätterfunktion nutzen können.
(Hier die Testseite - Script lass ich derweilen im HTML drin)

*** So solls gehen: ***

• Bei Thumbklick wird für jedes Thumb eine gewisse Zahl "bildnummer" an die Funktion übergeben und mit dieser die Quelle für die Grafik ergänzt - DAS funktioniert.
• "bildnummer" soll nun für die Blätter-Funktionen als auch für die Thumbklick-Funktion wechselweise verwendet werden. Also wenn gerade mit Thumbklick Foto 30 ausgewählt wurde soll nun Foto 31 kommen, d.h. die "bildnummer" 30 vom Thumbklick soll in der Funktion "naechstes" verwendet und um 1 erhöht werden.

*** Folgendes geht aber leider nicht: ***

• Egal was über Thumbklick ausgewählt wurde, das Blättern geht immer nur vom ersten Foto 1001 weg. Das Blättern mit ++ und -- an sich allerdings funktioniert dann.
• Die else-Schleife sieht vor, dass zB bei Erreichen des letzten Bildes (1042) ein Weiterblättern nicht möglich ist (.value="") -> funktioniert zwar aber seltsamerweise wird das Test-alert bei JEDEM Blättern mitausgegeben???

So sieht das Script aus:
---------------------------------------------------------------------------

  
var minimum = 1001  
var maximum = 1042  
var bildnummer = minimum  
// =============================================  
// Direktklick auf Thumb  
// =============================================  
function thumbklick(bildnummer)  
{  
document.aktuelles_foto.src = "fotos/menschen/" + bildnummer + ".jpg";  
alert(bildnummer);  
}  
// =============================================  
// Blättern auf ERSTES Foto in der Galerie  
// =============================================  
function erstes(){  
bildnummer = minimum;  
document.aktuelles_foto.src = "fotos/menschen/" + bildnummer + ".jpg";  
document.getElementById('vorheriges').value=""; //Zurückblättern verhindern  
alert(bildnummer);  
}  
// =============================================  
// Blättern auf VORHERIGES Foto in der Galerie  
// =============================================  
function vorheriges()  
{  
if (bildnummer > minimum)  
{  
bildnummer --  
document.aktuelles_foto.src = "fotos/menschen/" + bildnummer + ".jpg";  
alert(bildnummer);  
}  
if (bildnummer == minimum)  
document.getElementById('vorheriges').value=""; //Zurückblättern verhindern  
alert("nicht möglich, da erstes Foto! -> " + bildnummer);  
}  
// =============================================  
// Blättern auf NÄCHSTES Foto in der Galerie  
// =============================================  
function naechstes()  
{  
if (bildnummer < maximum)  
{  
bildnummer ++  
document.aktuelles_foto.src = "fotos/menschen/" + bildnummer + ".jpg";  
alert(bildnummer);  
}  
if (bildnummer == maximum)  
document.getElementById('naechstes').value=""; //Vorblättern verhindern  
alert("nicht möglich, da letztes Foto! -> " + bildnummer);  
}  
// =============================================  
// Blättern auf LETZTES Foto in der Galerie  
// =============================================  
function letztes()  
{  
bildnummer = maximum;  
document.aktuelles_foto.src = "fotos/menschen/" + bildnummer + ".jpg";  
document.getElementById('naechstes').value=""; //Vorblättern verhindern  
alert(bildnummer);  
}  

So sieht das HTML mit dem klickbaren Thumb aus:
---------------------------------------------------------------------------

  
<a href="fotos/menschen/1001.jpg"  
   onclick="thumbklick(1001); return false;">  
<img src="thumbs/menschen/1001.jpg" alt=""</a>  

So sieht das HTML mit dem "auszutauschenden" Foto aus:
---------------------------------------------------------------------------

  
<img alt=""  
 name="aktuelles_foto" src="fotos/menschen/1001.jpg">  

Ich vermute, dass ich evtl. wo einen gar nicht sooo schweren Denkfehler betreffend Variable "bildnummer" drinhabe - aber ich komm einfach nicht dahinter...

Danke an alle die sich meiner noch annehmen ;-)