Zoom funktion ved mouseover

Tilmeldt 6. Aug 14

Indlæg ialt: 9

Jonas Sand Nielsen Fra Fashion&Suits Skrevet 24-08-2014 kl. 14:55

Hvor mange stjerner giver du? :

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

Fra Helsingborg

Tilmeldt 3. Apr 05

Indlæg ialt: 6555

Niels Henriksen Fra TextReactor Skrevet 24-08-2014 kl. 15:08

Hvor mange stjerner giver du? :

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.

Tilmeldt 6. Aug 14

Indlæg ialt: 9

Jonas Sand Nielsen Fra Fashion&Suits Skrevet 24-08-2014 kl. 15:14

Hvor mange stjerner giver du? :

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