Utilisation de jquery.imageLens

**leaemile** · 28/03/2016, 12h10

Bonjour à tous,

J'ai désiré réalisé un effet loupe sur une image. La loupe apparaît bien mais malheuresement elle n'est pas grossissante. Quelle est mon erreur ?
Voici mon code :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
 
<HEAD>
 
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
 
 
	<script src="../../../../../../Fichiers JS/jquery.js" type="text/javascript"></script>
	<script src="../../../../../../Fichiers JS/jquery.imageLens.js" type="text/javascript"></script>
 
	<script type="text/javascript" language="javascript">   
        $(function () {
                $("#image1").imageLens({lensSize: 400});
                });     
        </script>
 
</head>
 
	<body>
			<p><img id ="image1" src="mon_image.jpg" width="804"/></p>
	</body>

Merci

**leaemile** · 28/03/2016, 14h28

J'ai trouvé mon erreur et corrigé ma bêtise : cela venait du fait que je donnais à mon image une taille égale à celle que je précisais dans le code ci-dessus.
Il suffisait donc de donner une taille bien supérieure à l'image.

Et voila, bonne journée à tous

Utilisation de jquery.imageLens

jQuery

Vue hybride

Discussions similaires

Partager

Partager