Grafik absichtich unscharf darstellen
lima-city → Forum → Die eigene Homepage → Homepage Allgemein
abschneiden
anhieb
aussuchen
beispiel
bild
demo
effekt
eigenschaft
essay
gesamtbild
hoffnung
http
hut
ratespiel
scharfes bild
schau
url
verweis
vorhaben
zaubern
-
Hallo!
Ich habe mich gerade gefragt, ob es möglich ist, eine Grafik auf einer Webseite unscharf / verschwommen anzuzeigen (wie z.B. bei einem Ratespiel, wo man erraten muss, was das Bild darstellt). Da ich nicht wusste, ob es geht und wenn ja, mit was (PHP, JS etc.) habe ich die Frage nun mal hier gepostet, in der Hoffnung, dass mir jemand weiterhelfen kann.
Bye bye Betty -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hi,
eine Lösungsmöglichkeit wäre das Gesamtbild aus mehreren Teilbildern zusammenzustellen (z.B. in einer Tabelle). Für jedes Teilbild erzeugst du dann mittels eines Grafikprogramms (Photoshop, Gimp, Paint.Net, ...) einmal ein verschwommenes Bild und einmal ein "scharfes" Bild. Das Gesamtbild setzt du dann aus den Teilbildern zusammen, wobei du dir dann für jedes einzelne Teilbild aussuchen kannst, ob du es als verschwommenes oder als "scharfes" Bild anzeigst.
Dafür brauchst du sogar weder PHP oder JS. Wenn du nur eines der Teilbilder in voller Schärfe anzeigen wills, wenn z.B. man mit der Maus darüber fährt, dann definierst du den Hover-Effekt über CSS-Eigenschaften. Hier findest du ein Beispiel dazu. (Stattdessen setzt du aber die Eigenschaft Background-Image, um auf das "scharfe" bzw. "unschafe" Bild zu verweisen, vlg. Beispiel).
Wenn's etwas komplizierter wird, dann kannst du dir folgendes anschauen: Imagemaps (schau dir im speziellen Map 2# an)
Wenn's noch komplizierter wird (so wie bei einem Ratespiel, wo du ggf. den aktuellen Aufdeckstatus zwischenspeichern musst), dann musst du irgendwas mit PHP oder JS aus dem Hut zaubern^^ -
Das ist mit PHP möglich.
Schau dir mal hier das Script am Anfang und den Abschnitt Weichzeichner an.
LG cookies -
So auf Anhieb fällt mir nur das ein. Man müsste dann halt den gewünschten Effekt "extrahieren", da du ja nicht alles davon benötigst. Aber vielleicht einfach erstmal anschauen.
EDIT:
Der Weichzeichner von Cookies wäre die perfekte Lösung für dein Vorhaben.
Beitrag zuletzt geändert: 30.5.2010 22:18:51 von fabo -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
