Moin,

das ist eine Beispielseite meiner aktuellen Homepage:
Herr Mittmann's Portfolio - Architektur

Im Moment ist das noch eine Flash-Galerie, die zwar ihren zweck tut, von den Ladezeiten und der Kompatibilität besser sein könnte.
Eigentlich müsste das ganze auch nur mit jQuery umsetzbar sein. Dafür habe ich zum einen Backstretch gefunden, was schon mal das Bild in den Hintergrund bringt.
Zum anderen würde ich diesen gerne noch mit Blur verschwommen und dunkler bekommen - wie bei der Flash-Variante.

Auch das dachte ich, wäre eigentlich eine Easy Sache, aber irgendwo steckt noch ein Fehler, weswegen Blur keine Wirkung zeigt:
Herr Mittmann's Portfolio - Architektur
Weder bei body, beim gallery_wrapper, oder bei anderne Elementen wie dem Logo.

Hat jemand von euch eine Ahnung, woran es liegt?

Du hast ja nirgends festgelegt was du verschwommen darstellen willst. Dieser Scriptteil fehlt.

Siehe die Beispiele bei blur.js.

Du hast zudem noch Fehler im CSS drin und im Markup ein schliessendes DIV zuviel.

__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.

wie wärs mit... das hintergrund bild einfach verschwommen speichern?

An dem Beispiel mal:

Hätte gedacht, dass ich für .target dann .gallery_wrapper einsetze und das wäre das, was verschwommen sein soll.
Wobei .gallery_wrapper noch Quatsch ist bzw. da müsste ich die Struktur noch mal ändern. Backstretch erzeugt einen div namens .backstretch, der 100x100% groß ist und das img behinhaltet. An das müsste ich eigentlich ran - allerdings nur beim Hintergrundbild. Da das eine Script aber sowohl Mittel-Bild als auch Hintergrund steuert, würde es beide Bilder betreffen, wenn ich .backstretch anspreche.
Aber insofern erstmal egal. Die Struktur kann ich dann immer noch ändern. Erstmal würde ich einfach nur gerne sehen wollen, dass überhaupt was verschwommen wird.

Mit source kann ich noch nicht viel anfangen. Teilweise wirds ganz weggelassen. Voooon daaaa heeeer...?


Ans CSS mach ich mich dann hinterher, aber danke für den Hinweis.

Theoretisch ja, aber praktisch dachte ich mir, dass es zum einen ein ziemlicher Aufwand wäre, das bei allen keineahnungwievielen Bildern zu machen. Über das Script wäre das alles ein schöner Automatismus.
Und ich müsste nicht den Speicherplatz doppelt belegen, weil dann 1 Bild reicht.

Kann natürlich sein, das es sich mit stretch nicht verträgt, aber da habe ich nicht genau geschaut und kann dazu nichts sagen.
Das Script muss aber in jedem Fall nach stretch kommen, sonst geht es auf keinen Fall.

__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.

Sowas in der Art befürchte ich auch. Ich hatte das zum Test aber auch versucht aufs Logo anzuwenden, da tat sich auch nichts.

Alternativ gäbe es noch eine CSS Methode, die eigentlich das gleiche machen sollte. Aber die hat auch nicht so recht geklappt...

Mach mal die Fehler weg. Also das /div dort. vor dem Script-Element.

__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.

Sollte eigentlich jetzt weg sein.

Nö. Schau mal mit FF den Quelltext an, da ist das /div rot markiert.

Aber deinem Problem ändert das nichts.

__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.