Affichage d'image avec vrais zoom

Télécharger le projet
Commenter

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
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

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.

Du même auteur (@karamel)