nicht angemeldet
Bilder mit Maus vergrößern
0 
suit
0 0 
Matthias Apsel
0 0
Bilder mit Maus vergrößern
Hallo zusammen,
ich möchte, dass wenn man auf meiner Homepage mit der Maus über ein Bild fährt, sich das Bild vergrößert. das möchte ich (wenn möglich) ohne Java Script.
Wie geht das?
Mfg
Qew4785
-
Wie geht das?
Mit HTML gar nicht - mit CSS und der :hover-Pseudoklasse aber kein Problem.
-
Oki doki, ich habs jetzt mit folgendem Code geschafft:
CSS:
a:link .zoom {width:162px; height: 258px;}
a:hover .zoom {width:374px; height: 597px;}
HTML(Das Bild auf der Seite):
<a href="#"><img class="zoom" src="bild1.JPG" alt="" border="0" width="162" height="258"></a>
Jetzt möchte ich, das das Foto die umliegenden Texte überlagert,z.B. wie bei google bilder
-
Om nah hoo pez nyeetz, Qew4785!
Jetzt möchte ich, das das Foto die umliegenden Texte überlagert,z.B. wie bei google bilder
Da hilft wohl die CSS-Eigenschaft position.
Matthias
--
1/z ist kein Blatt Papier.
-
Ok, danke, aber kann mir einer die Koordianten der Websitemitte sagen?
-
Om nah hoo pez nyeetz, Qew4785!
Ok, danke, aber kann mir einer die Koordianten der Websitemitte sagen?
Nein.
Eine Möglichkeit wäre
position: fixed;
top: calc(50% - halbe Höhe des Bildes);
left: calc(50% - halbe Breite des Bildes);ungetestet, Browserunterstützung nicht sehr breit gefächert, im Firefox -moz-calc, du wirst wohl auf JavaScript ausweichen müssen, wenn du wirklich das Bild zentrieren möchtest und es die anderen Inhalte überdecken soll.
Matthias
--
1/z ist kein Blatt Papier.
-
-
-
-
-
Weiß keiner Rat?
Schade
-
Weiß keiner Rat?
Schade
Ups mein Fehler hatte eure einträge nicht gefunden -_-
-