Bilder mit Maus vergrößern
Qew4785
- html
0 suit- css
0 Qew4785
0 Línksetzer0 Qew47850 Qew4785
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
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
Weiß keiner Rat?
Schade
Weiß keiner Rat?
Schade
Ups mein Fehler hatte eure einträge nicht gefunden -_-