Beim Mauskontakt mit einem Bild automatischer Zoom
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
ahnung
beispiel
bild
code
datei
einsetzen
lupe
maus
mitte
mittelteil
perfekte code
platz
rand
realisieren
setzen
test
testen
-
Hallo,
ich will ein Bild auf eine Homepage setzen und das soll wenn man mit der Maus drüber geht vergrößert werden.
Möglichst ohne Flash...
Wie lässt sich das realisieren?
mfg,
webshield -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Kannst du das bitte ein bisschen genauer erklären?
Willst du dass es aussieht wie eine Lupe,oder dass sich eine Seite mit dem Bild öffnet? -
Das bild soll sich begrößen, d.h. in die Mitte das der Mittelteil größer wird und folglich der Rand kleiner.
Da das Bild die gleiche größe behalten soll. -
<html><head>
<script type=\"text/javascript\">
function mouseover(){
document.getElementById( \"re\" ).style.height = \"500\";
document.getElementById( \"re\" ).style.width = \"500\";
}
</script>
</head><body>
<img src=\"1.jpg\" id=\"re\" width=\"100\" height=\"100\" onmouseover=\"mouseover()\">
</body></html>
ich weiß, nicht der perfekte code aber so ungefähr meinst du das, oder?
(kannst ja mal code kopiern und testen)
Beitrag geändert: 29.2.2008 17:35:34 von friscocount -
Ne, das is leider nicht das was ich meine.
Es soll wenn gezoomt wird die gleiche größe auf der Homepage verbrauchen und nur ranzoomen und nicht den platz vergrößern den das bild benötigt.
und sollte möglichst langsam rangezoomt werden. -
wäre mit flash vielleicht besser zu realisieren.
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
