Teknik, hosting & e-handelsløsninger

Svar: Zoom funktion ved mouseover

Jonas Sand Nielsen — Sun, 24 Aug 2014 13:14:04 GMT

Tak for dit hurtige svar Niels.

Jeg er nødt til kun, at have én samlet kode. Og kan kun lave den i .html og/eller javaScript. Hvordan kan jeg gøre dette nemmest?

Kan du hjælpe mig med det? :) Jeg er nemlig helt ny på det her område.

Mvh

Jonas

Svar: Zoom funktion ved mouseover

Niels Henriksen — Sun, 24 Aug 2014 13:08:09 GMT

Den måde man laver den slags zoom på er som regel ved at bruge flash. På den måde kan du have store billeder uden at de skal loade hele billedet, men det kræver noget forarbejde.

Jeg har selv lavet noget zoom for en kunde som du kan se på http://www.poulsenroser.dk/sortiment/clematiskollektioner/boulevard/acropolis.aspx (klik på billedet) hvor billederne er kæmpe store men ved at lave et trick med at skære dem ud så kan der laves en rigtig god zoom.

Men der er mange måder at lave dem på - dette er blot den ene.

Zoom funktion ved mouseover

Jonas Sand Nielsen — Sun, 24 Aug 2014 12:55:59 GMT

Hej alle.

Jeg ville gerne have på min hjemmeside hvis jeg har et billede, man kunne føre musen henover og det pågældende sted ville der zoomes ind. Kan kun finde ud af at få hele billedet til at zoome ind:

<html>
<body>

<img src="yourimage.jpg" width="150" height="100" onmouseover="this.width=200;this.height=150;" onmouseout="this.width=150;this.height=100" />

</body>
</html>


Håber nogle kan hjælpe med hvor i koden jeg skal ændre, for at få denne ønskede funktion :)


Mvh
Jonas