Affichage d'image avec vrais zoom

Soyez le premier à donner votre avis sur cette source.

Vue 14 363 fois - Téléchargée 1 591 fois

Description

le script sert a afficher en grand une image avec option de zoom dirigé par rapport au curseur effectue avec la molette de la sourie le clic gauche de la souris sert a deplacer l'image.le plus c'est que la mise en oeuvre du script est simple


lien de teste

mise en place

il suffit de priciser le fichier ce meme fichier peut etre éditer afin de modifé les option qui se trouve au début


function kmage(){

this.opacite_fond=0.5;			//opacite du fond valeur comprise entre 0 et 1
this.couleur_fond="black";		//couleur du fond
this.chemin="images/";			//repertoire ou se trouves les images
this.taille=80;				// taille de l'image en pourcentage a l'affichage par rapport a la taille de la fenetre du navigateur
.....


quand au html pour chaque image il faudra ajoute l'attribut data-lk

<img src="images_t/euphorbes.jpg" style="z-index:5;position:absolute;top:10%;left:20%;height:100px;" data-lk>
<img src="images_t/magnolia.jpg" style="position:absolute;top:50%;left:20%;height:100px;" data-lk>
<img src="images_t/primevere.jpg" style="position:absolute;top:10%;left:50%;height:100px;"data-lk>
.....


et en ce qui concerne les image elle devront avoir le meme nom que les image miniature mis dans des dossier différent bien évidement

Conclusion :

ouep

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

lakichemole
Messages postés
253
Date d'inscription
vendredi 13 juin 2003
Statut
Membre
Dernière intervention
18 mai 2009
-
Nikel :) marche même sous IE6, je vais m'en servir :). Le code est propre même si le fait de passer le nom de l'image et de lui rajouter ".jpg" à la fin en dur me dérange.
@karamel
Messages postés
1731
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
1 décembre 2019
51 -
j'ai hésiter pour le .jpg car entre autre sa limite les images a l'extention mais sa reste facilement modifiable

pour faire encore mieux j'ai rajouter la possibilité de déplacer l'image a la souris bouton droit ou gauche

++
lakichemole
Messages postés
253
Date d'inscription
vendredi 13 juin 2003
Statut
Membre
Dernière intervention
18 mai 2009
-
Oui c'est appréciable en effet :) car en zoomant ça déplaçais l'image, se qui est normal, mais en dé-zoomant on pouvais la perdre sur un des bords :)
cs_sofiane1234
Messages postés
5
Date d'inscription
mardi 24 juin 2003
Statut
Membre
Dernière intervention
13 juin 2009
-
Excellent travail ! Marche bien sous IE6, Mozilla Firefox 2.0 !

Par contre ne fonctionne pas sous IE7,

au premier click sur les petites photos, j'ai bien la loupe mais la photo "grand format" du
sous repertoire /images n'est pas charger.

un petit bug à fixer pour ce WE peut être alors.

Excellente journée.
@karamel
Messages postés
1731
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
1 décembre 2019
51 -
j'ai réussi a éliminer le petit défaut sur ie j'en ai profiter pour éliminer d'autres défaut constate
++

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.