CSS: Filter für Bilder bei Mousover
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
aktiv hast
bild
datei
dateiname
explorer
filter
filtern
funktion
gen
grafikfunktion
grauer schleier
kopie
orange
parameter
quatsch
quelltext
resource
schlu
spezielle eigenschaft
tricksen
-
Hallo, wie kann ich machen, dass z.B ein Bild (nur wenn es einen Link hat) soblad mit der Maus dar?bergefahren wird sich ein Filter dar?ber legt!! Der Filter sollte das bild in Orange filtern!
--> Wie z.B auf: http://www.webmaster-resource.de/tricks/grafik.php dort werden die Bilder grau!!, ich m?chte sie jedoch orange!!
--Noch Fragen -> Post It -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Ich wei? nicht ob das mit css geht aber das geht auf jeden Fall mit JavaScript du muss ein MounseOver setzen und wenn dieses aktiv wird dann wird das Bild gegen ein Orangenes ausgetauscht.
W?dest du das auch so nehemen? dann w?rde ich die ein script schreiben. -
Schau mal bei selfhtml vorbei da m?sstest du was finden:
http://www.selfhtml.org/ -
butzlumbejunky schrieb:
Ich wei? nicht ob das mit css geht aber das geht auf jeden Fall mit JavaScript du muss ein MounseOver setzen und wenn dieses aktiv wird dann wird das Bild gegen ein Orangenes ausgetauscht.
W?dest du das auch so nehemen? dann w?rde ich die ein script schreiben.
Nein, zu komplieziert, da m?sste ich ja von den ganzen 800 bildern auf meiner Seite kopien erstelen, nein das geht nicht
-
butzlumbejunky schrieb:
,
Nicht ganz du w?rdest eine Funktion schreiben und in jedes Bild ein OnMouseOver einf?gen und die Funktion mit dem richtigen Parameter ?ffnen.
So brauchst du nur wenig zu kopieren.
k?nnte man das dann nicht in einer externen *.css datei unterbringen?? -
web4me schrieb:
@djexcellence
die seite hei?t
http://de.selfhtml.org
mfg
web4me
Nein hei?t es nicht...
Das ist nur die deutsche Unterdomain.
freek schrieb:
k?nnte man das dann nicht in einer externen *.css datei unterbringen??
Nein, aber in einer externen JS datei. -
das funktioniert mit javascript hab ich auf meiner seite auch (blo? anders herum ... also bei mir is ein grauer schleier ?ber dem bild der weg geht wenn man dr?ber geht mit der maus ...)
geht aber leider im firefox nicht :X -
Nur zur Information: Die "CSS-Filter" sind eine spezielle Eigenschaft des MSFT Internet Explorer (seit Version 4). Sie funktionieren nicht auf anderen Browsern (weil sie eben nicht standardkonform sind). Man kann Bilder aber auch on-the-fly mit den Grafik-Funktionen von PHP erzeugen (erh?ht nat?rlich die Serverbelastung).
CSS-Filter (MSFT):
http://de.selfhtml.org/css/eigenschaften/filter.htm
PHP-Grafikfunktionen:
http://de.php.net/manual/de/ref.image.php
MfG
alopex -
badboy schrieb:
geht aber leider im firefox nicht :X
Das ist doch klar, weil im Firefox JS ausgeschaltet ist.
alopex schrieb:
Man kann Bilder aber auch on-the-fly mit den Grafik-Funktionen von PHP erzeugen (erh?ht nat?rlich die Serverbelastung).
Da liegt aber wieder das Problem der umst?ndlichkeit. Dann m?sste er seine gesamte Homepage umschreiben, so dass jedes Bild so ausgegeben wird.
Ps: Juchuuuuu Alopex ist wieder aktiv...hast du schluss gemacht?
-
alopex schrieb:
Man kann Bilder aber auch on-the-fly mit den Grafik-Funktionen von PHP erzeugen (erh?ht nat?rlich die Serverbelastung).
Da liegt aber wieder das Problem der umst?ndlichkeit. Dann m?sste er seine gesamte Homepage umschreiben, so dass jedes Bild so ausgegeben wird.
Nicht wirklich. Es gen?gt ein PHP-Script, dass eben mit den GD-Funktionen aus einem ?bergebenen Parameter ($_GET) den Dateinamen ermittelt, die Datei konvertiert und die "Datei" dann in den Ausgabepuffer schreibt. Das war der komplizierte Teil.
Der unkomplizierte Teil: Im urspr?nglichen HTML-Quelltext wird der JavaScript-OnMouseOver Quatsch so ge?ndert, das f?r die Alternativgrafik einfach das PHP-Script aufgerufen wird.
Ps: Juchuuuuu Alopex ist wieder aktiv...hast du schluss gemacht?
??? War ich so lange weg?
MfG
alopex -
alopex schrieb:
Nicht wirklich. Es gen?gt ein PHP-Script, dass eben mit den GD-Funktionen aus einem ?bergebenen Parameter ($_GET) den Dateinamen ermittelt, die Datei konvertiert und die 'Datei' dann in den Ausgabepuffer schreibt. Das war der komplizierte Teil.
Der unkomplizierte Teil: Im urspr?nglichen HTML-Quelltext wird der JavaScript-OnMouseOver Quatsch so ge?ndert, das f?r die Alternativgrafik einfach das PHP-Script aufgerufen wird.
OK ich habe es ja noch net ausprobiert, bleibt nur das Prob das Freek kein Php kann...
Ps: Juchuuuuu Alopex ist wieder aktiv...hast du schluss gemacht?
??? War ich so lange weg?
Ja mindestens ne Woche, wir haben dich sooo vermisst...
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
