| 

.NET C# Java Javascript Exception

4
Ich habe auf meiner Seite ziemlich viele Bilder, die ich aus Performance-Gründen ziemlich klein darstelle. Nun möchte ich, dass sich diese bei Berührung durch den Mauszeiger vergrößern.
Da viele Anwender kein JavaScript zulassen möchte ich das über XSS realisieren. Wäre das möglich und wennn ja, wie?
28.11.2011
skoiloth
skoiloth
11 ● 1
1
Was hat das ganze mit XSS zu tun? XSS = Cross-Site-Scripting und "bezeichnet das Ausnutzen einer Computersicherheitslücke in Webanwendungen, indem Informationen aus einem Kontext, in dem sie nicht vertrauenswürdig sind, in einen anderen Kontext eingefügt werden, in dem sie als vertrauenswürdig eingestuft werden" (Wikipedia)
– Floyd 28.11.2011
1 Antwort
1
CSS kennt leider keine Möglichkeit das CLICK-Event zu verarbeiten, lediglich das HOVER-Event steht zur Verfügung.

element { width: 100px; height: 100px; }
element:hover { width: 300px; height: 300px; }


Im Internet Explorer <= 8 muss man jedoch etwas tricksen, das hier das Hover-Event nur für Links (A-Tag) verfügbar ist. Somit muss man alle Bilder in Links verfrachten:

A IMG{ width: 100px; height: 100px; }
A:hover IMG { width: 300px; height: 300px; }

<a href="#"><img src="/myimage.gif" /></a>
28.11.2011
Floyd
Floyd
11,0k ● 3 ● 9
Hab gerade noch überlegt ob es eine Möglichkeit gebe das Psydo-Attribute visited zu verwenden, was im Ansatz keine so schlechte Idee, leider aber nicht praktikabel ist.
– Floyd 28.11.2011
1
neben :hover könnte vllt. auch noch :focus genutzt werden. Kann ja sein, dass der Anwender durch die Bilder durchtabben will
– Karill Endusa 28.11.2011
2
Eine kleine Anmerkung, wenn man aus Performancegründen die Bilder klein darstellen will bringt eine runter Skalierung durch CSS nichts, da das Bild trotzdem komplett geladen wird.
– FX 28.11.2011
1
Ergänzung: Eine Möglichkeit wäre es ein Tumb zu erstellen und das Bild wie es Floyd schrieb per Hover nachzuladen. Ein Abgewandeltes Beispiel findet man hier:
http://kulturbanause.de/wp-content/uploads/2008/07/css-gallery.html
– FX 28.11.2011

Stelle deine Web-Frage jetzt!