Hallo Wolfgang,
so spontan fällt mir für ein jQuery-Verzeichnis nur die Api-Dokumentation ein.
Diese finde ich ziemlich gut, auch wenn sie nicht darauf ausgelegt ist, alle Funktionen hübsch zu präsentieren.
Viele Methoden enthalten dennoch ein kleines Beispiel am Ende der ausführlichen Beschreibung.

Es gibt auch eine Plugin-Übersicht, dort finden sich meistens Links auf die zugehörigen Websites und ab und zu auch direkt eine Demo.
Solltest du vor allem nach Beispielen für grafische Elemente suchen, dann wirst du sicherlich bei jQueryUI-Demos fündig.
Das ist eine Erweiterung für jQuery, welche visuelle Bedienelemente bereitstellt.


Ich habe für die Scroll-Funktionen jetzt mal eine Testseite gemacht. Also bei mir hat es mit jQuery 1.7.1 funktioniert.
Ebenso habe ich eine zweite Version erstellt, welche auch das Scrollen zum Seitenende ermöglicht.
Das gefällt mir so eigentlich ziemlich gut, bin mir aber noch nicht ganz sicher, ob ich das selbst einbauen werde.

Auf jeden Fall findest du beide Versionen im Anhang.
Die Version standard ist der einfache Nachbau, in updown befindet sich die erweiterte Variante.
Zu Anfang habe ich den Button zwar nicht gesehen, das lag aber nur daran, dass das icon_top.png nicht gefunden wurde, weil es bei sich mir natürlich nicht im gleichen Verzeichnis befand.

Da die Bilder nicht so groß sind und damit die Pfade nicht irgendwann ungültig werden (Seite nicht mehr erreichbar etc…), habe ich sie Base64 codiert in die Seite eingebettet.
Zur Sichherheit stelle ich sie aber auch hier nochmal bereit, sie sind beide neu abgespeichert und optimiert worden.
Das Original scheint ziemlich viele Informationen mit sich zu tragen und konnte nicht einfach nach drehen abgespeichert werden, da irgendein Problem mit dem Format auftrat.

Hallo Wolfgang,
ich habe es jetzt einmal mit deinen Bildern versucht. Dieser base64-Code ist in der Tat etwas zu kurz geraten, aber mit dem richtigen Code funktionieren auch diese.

Vielleicht hilft dir auch die Seite von base6₄^image da weiter.
Die gibt neben der base64-Codierung auch gleich XHTML-, XML- und natürlich CSS-Anweisungen aus.

Beachte auch, dass manchmal ggf. ==-Zeichen am Ende aufgefüllt werden und dazu gehören, wenngleich sie nicht immer generiert werden.
Sie dienen nur zur Auffüllung auf eine bestimmte Zeichenzahl.

Evtl. ist dein generierter String versehentlich die dekodierte Variante des Bildes, welches ja noch gar nicht codiert war.
Bei der Dekodierung werden die Strings ja wieder kürzer, aber keine Ahnung wie die Datei nach dem Upload dann direkt dekodiert werden sollte.
Achte also darauf, dass du das Bild wirklich codierst und nicht versehentlich dekodierst. Letzteres kannst du dann wieder machen, um wieder aus dem base64-String das Originalbild zu erhalten.

Der kleine Strich statt der Grafik bekommst du wirklich immer nur zu sehen, wenn die Grafik nicht korrekt geladen werden konnte.
Alternativ zu base64 kannst du natürlich immer noch die hochgeladenen Bilder selbst mit der URL im CSS verlinken.
Das direkte Einbetten hat sich nur gerade so angeboten, da es ja nur zwei kleine Dateien sind.


Natürlich gibt es die aktuelle Testseite wieder im Anhang.