swfIR - Image-Effekte mit Flash und JavaScript
swfIR (swf Image Replacement) bietet die einfache Möglichkeit, einzelne oder alle Bilder auf Webseiten mit Effekten wie Schlagschatten, runden Ecken, Drehungen und Rahmen zuversehen und ist als Bereicherung der etwas limitierten Effekte von CSS gedacht. Das Ganze basiert auf zwei Dateien, einem JavaScript welches im HEAD-Bereich der Website eingebunden wird und einem Flash-File, das für die Umsetzung der Effekte verantwortlich zeichnet.
So soll es sein: Bei aktiviertem JavaScript lassen sich mit swfIR tolle Effekte erzielen (links). Ist JavaScript nicht verfügbar, wird die Webseite normal dargestellt (rechts).
Erwähnenswert dabei: Das Effekt-Paket kommt zeitgemäß unobtrusive daher, d.h. das eigentliche (X)HTML/CSS bleibt unangetastet und somit valide. Die Veränderungen werden erst nach dem Laden der Webseite per DOM-Manipulation vorgenommen und falls der Surfer JavaScript deaktiviert hat, werden die Bilder und Grafiken eben ganz normal dargestellt. Oder anders ausgedrückt:
Don’t break the rules. Just give ‘em some depth.
Hinter dem Projekt stehen drei Webdesigner des bekannten Happy Cog Studios, an swfIR arbeiten sie aber in ihrer Freizeit und so ist das Ganze natürlich frei erhältlich und kostenlos. Erinnert nicht nur vom Namen her ein bißchen an sIFR.
Benijamino
28.02.2007
17:30 CET
Sehr schön. Das werd ich mir mal genauer anschauen wenn ich meine Seite umbaue. :D
Jared
28.02.2007
18:17 CET
hammer! werde ich auch gleich mal ausprobieren
aber mal ne frage – kann man damit denn auch dinge im theme verändern?
also meine sidebar mit diesem effekt ausstatten?
John
28.02.2007
23:58 CET
Benji, ich bin auf Dein neues Design gespannt. :)
Jared, ich glaube das geht nicht, denn die Effekte lassen sich wohl nur auf Grafiken anwenden. Die einzige Möglichkeit wäre, daß Du eine Grafik hinter die Sidebar legst und dann diese mit swfIR bearbeitest.
Jared
01.03.2007
09:34 CET
hm nur irgendwas mach ich falsch! oder ich versteh den 4ten schritt einfach nich! der code im header ingefügt aber mit dem codeschnipsel im post werd ich nich eins..
John
01.03.2007
10:15 CET
Ich versuch mal eine Testseite einzurichten vielleicht hilft Dir das?
Jared
01.03.2007
20:05 CET
ja klar würd mir das helfen ;)
Benijamino
02.03.2007
20:53 CET
John … ich auch :p
John
02.03.2007
21:19 CET
Okay, ich setz mich mal am Wochenende ran.
Jared
05.03.2007
20:31 CET
wär echt nett! ich komm da nicht weiter…
würdest du uns bescheid sagen?
ich mach irgendwas beim ausgabe code falsch!
sonst ist alles in den ordnern und auch im header definiert
java ist auch an
grml
E2daZ'92
08.03.2007
17:18 CET
Wow, meine Träume sind erfüllt, das mit dem “Rotate” und “Shadow” ist das geilste!
@Jared: Java != JavaScript
Jeriko One
08.03.2007
22:56 CET
Hatte mit der Ausgabe auch so meine Problemchen, bei mir lags daran, dass die Bilder von einem anderen Server geholt wurden, was mit Flash aus Sicherheitsgründen nicht geht. Vielleicht ist’s bei dir ja das gleiche Jared
Jared
13.03.2007
19:31 CET
oh entschuldige! ich meinte javascript
ne also die bilder liegen ganz klar auf meinem server
@jowra
kannst du vllt den code posten? also den vollständigen code im beitrag damit das bild erscheint? damit scheine ich probleme zu haben :(
Alexander Hahn
23.03.2007
18:46 CET
Ich habs beio Jeriko entdekct und nun auch ein bisschen damit gespielt, ist ja echt ne nette Sache! Ich habe auch eine kleine Testseite eingerichtet ;-)
Steffen
27.04.2007
16:26 CET
Nimmst du dieses jahr eigentlich wieder am CSS-Reboot teil? In letzter Zeit ist es hier so still, da könnte man meinen, du seist zur Zeit beschäftigt … ;-)
John
28.04.2007
22:42 CET
Ich bin äußerst beschäftigt, in gewisser Weise auch mit einem CSS-Reboot, aber nicht von meiner Seite. ;-)
Ansonsten ist momentan zu viel RL, keine Zeit für die Seite. Aber es geht weiter, keine Frage.
Erik
30.04.2007
18:12 CET
Sehr gut was von dir zu lesen, dachte schon man müsste sich Sorgen machen… Gut dann freu ich mich auf die nächsten Beiträge :)
Hau rein!
Tobias
10.11.2007
16:24 CET
Hallo Leute, bin über Google auf die Seite hier gestoßen, da ich auch etwas mit swfIR rumgespielt habe. Mein Problem dabei ist allerdings, dass er mir Bilder, die ich drehe und mit einem Rahmen versetzt habe, einfach oben und unten abschneidet. Auch ne height Angabe hat mir da nichts genützt. Habt ihr schon mehr Erfahrungen oder ne Idee wie man dieses Problem umgeht?