jQuery-Plugin SuperBGImage – Skalierte Fullscreen-Hintergrundbilder und Slideshows mit jQuery
Für ein aktuelles Projekt stand ich vor der Aufgabe das Supersized-Script von Sam Dunn in eine REDAXO-Seite zu integrieren. Dabei merkte ich dann recht bald dass hier einige Probleme auftraten die auch bereits in Sam’s Blog beschrieben wurden. Besonders die Performance der Webseite mit mehreren sehr großen JPEG-Bildern war nicht mehr tragbar. Der Firefox fror sogar für einige Zeit beim Laden der Bilder komplett ein.
Da ich den Code schon soweit heruntergestrippt hatte (die gesamte Navigation usw. flog raus) und nicht mehr allzu viel vom ursprünglichen Code übriggeblieben war, entschloss ich mich hier ein eigenes jQuery-Plugin zu basteln.
Und herausgekommen ist dabei SuperBGImage
Hier einige Features des Scripts:
- skaliert Bilder automatisch auf die Browser-Größe unter Beachtung des ursprünglichen Seitenverhältnisses
- Slideshow möglich
- verschiedene Übergangseffekte
- Preload der Bilder
- unterschiedliche Bildauflösungen werden unterstützt (hoch/quer usw.)
- Darstellung auch inline in einem DIV-Container möglich
- Callbacks onShow, onHide, onClick, onMouseenter, onMousemove und onMouseleave
- Zufallsbilder, zufälliger Effekt
- usw.
Hier gehts zu der Projektseite von SuperBGImage mit einigen Demos und dem Download …
Hallo, ich liebe, was Sie mit dem Skript gemacht haben.
Ich frage mich, wenn Sie mir helfen könnte hinzufügen, bis zu einem gewissen Erleichterung der Übergänge. Ich bin ein jquery Neuling, und ich versuche nur, um dazu beizutragen, mein Freund-Website. Es scheint eine Lockerung Plugin ist in Ihrem Skript enthalten, aber ich kann nicht herausfinden, wo die Erleichterung hinzuzufügen. Thanks you
Hello Jay,
sorry i can’t understand your problem! Please try in english ;-
regards
Andreas