Bild erkennbar machen ?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
attribut
aussehen
beispiel
beschrieb
bild
cursor
element
elemente
empfohlen
filter
fragen
klappe
letzlich
nutzen
sache
sofer
standart
test
variant
zeigefinger
-
Also, ich hab ein Bild das verschwommen und nicht erkennbar ist, fahr ich aber mit der maus dr?ber oder auf das Bild wird es erkennbar...
..also meine frage kann man sonwas mit HTML oder Javascript machen! ?
w?rde mich sehr freuen wenn ihm mir helfen k?nnt! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
naja es handelt sich nur ein ein bild.. am besten wa?r wirklich jawa...
-
Hallo,
ganz klar ist mir zwar nicht was du willst, aber um etwas konkreter zu werden hier mal ein Vorschlag in HTML mit zwei Bildern (einem scharfen und einem unscharfen):
<div onmouseover="Anzeigebereich.src='scharf.gif'" onmouseout="Anzeigebereich.src='unscharf.gif'">
<img src="unscharf.gif" id="Anzeigebereich" width="200" height="200">
</div>
Gru?
Manni -
naja es handelt sich nur ein ein bild.. am besten wa?r wirklich jawa...
Hey,
ich w?rde dir empfehlen, es so zu machen wie bandi999 vorgeschlagen hat. Du kannst das auch entweder als Link oder nur als Mouseover einstellen! -
WAsi, das giltet doch als spam, oder?
Also entweder machstt du zwei bilder: eines das scharf ist und eines das unscharf ist, und dann bindest du das scharfe ins :hover element und das unscharfe ins normale(oder mit javascript wie schon beschrieben, aber manche haben jscript angeschaltet)
2: Oder zu ben?tz einen Filter von Microsoft http://de.selfhtml.org/css/eigenschaften/filter.htm hier infos. Aber sie werden letzlich nicht empfohlen, da nur IE dieses Feature unterst?tz -
F?r die Variante ?ber das A Tag sollte f?r den Link der keiner sein soll noch der Cursor ge?ndert werden. Sonst hat man immer den Zeigefinger beim Bilder hovern ;) Geht bequem mit CSS und dem cursor attrib einzustellen.
-
Hallo,
da nun schon mehrfach die Sache mit CSS angesprochen wurde, w?rde mich interessieren wie genau das auszusehen hat. M?glichst so, dass es dann auch im IE funzt. Die einzige Idee die ich habe, w?re zwei Bilder ?bereinander zu legen und dann mit z-index oder visibility das obere Bild nach hinten verschieben oder unsichtbar machen. Das habe ich aber noch nie versucht. Wie habt ihr euch das konkret vorgestellt?
Gru?
Manni -
2 Bilder: bild1.jpg, bild2.jpg (kann auch jedes andere Bildformat sein)
Und das w?rde in einem Beispiel zb. so aussehen:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>test</title> <style type="text/css"> a.bild { background-image: url(./1.gif); width: 21px; height: 13px; display: block; font-size: 0px; /* fuer IE! */ } a.bild:hover { background-image: url(./2.gif); cursor: default; } </style> </head> <body> <a class="bild" href=""></a> </body> </html>
Funktioniert in IE und FF. Sollte in NS und OP auch klappen. Sofern der IE irgendwann mal lernt :hover nach dem W3 Standart zu nutzen, k?nnte man :hover direkt auf ein IMG anwenden.
Evil -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage