Website mit jQuery

[augentier]

Hi,

ich möchte mit Hilfe von jQuery folgende Seite realisieren.


Die untere Navigation funktioniert bereits ganz gut. Allerdings sind die Pfeile noch ohne Funktion. Mit diesen Pfeilen soll es möglich sein auf die nächste Seite zu springen, natürlich wieder mit einem schönen Fade-Effekt. Doch da bin ich mit meinem noch sehr beschränkten jQuery- und JavaScript-Latein am Ende.
Kann mir jemand auf die Sprünge helfen, wie ich das am besten realisieren kann?



Wenn jemand daran interessiert ist: .

 

[saila]

AW: Website mit jQuery

Hi,

welche Effekte möchtest du den einsetzen? Ansonsten steht eigentl. alles unter jQuery: The Write Less, Do More, JavaScript Library. Was bedeutet, das du im html-head eine Datei einbindest wie bisher schon getan, welche allerdings die Funktionen beinhaltet.

Darüber hinaus wäre noch die Anzahl der vorhandenen Bilder an jQuery zu übergeben. Das fällt allerdings weg, wenn du die Bildershow im Kreis laufen lässt. Sprich ist das letzte Bild erreicht, folgt wieder das erste. Wobei es dennoch besser ist, die Anzahl der vorhandenen Bilder zu übergeben.

Effekte sind unter: API/1.3/Effects - jQuery JavaScript Library beschrieben. Das ganze muss wie gesagt in einer eigens erstellten Datei enthalten sein und beginnt z.B. wie folgt:

$(#viewBox).effect('was passieren soll')(function() {
// hier die entsprechenden Aktionen oder was auch immer du möchtest
});

Das jeweils für den linken bzw. rechten Pfeil und bei der Aktion click

 

[augentier]

AW: Website mit jQuery

Die Effekte sind nicht das Problem, das bekomm ich schon hin. Mein Problem ist viel mehr function, die ausgeführt werden muss, wenn ich auf den Pfeil klicke.
Also irgendwie
function() {
next.Page();
}
Aber woher soll das Script wissen was die nächste Seite ist?

 

[saila]

AW: Website mit jQuery

Wenn es das ist?!

Willst du das diese Photoshow auch ohne JS läuft oder nur mit JS?

Wenn ohne musst du ja nur einen Wert setzen, wie viele Bilder du hast oder du liest das Verzeichnis der Bilddateien aus und zählst die darin befindlichen Bilder.

Diesen Wert nimmst du auf den rechten Pfleil, wobei du +1 ergänzt. Linker Pfeil ab 2 belegen mit -1. Ist ein Pfeil geklickt (funktion für die Show selbst) wird Bild mit id x per effekt geladen.