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
quand au html pour chaque image il faudra ajoute l'attribut 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
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 :
ouepCodes Sources
A voir également
- Zoom image javascript
- Javascript zoom image - Meilleures réponses
- Script zoom image - Meilleures réponses
- Problème d'affichage d'image avec l'animation scale (zoom) ✓ - Forum - Java
- Affichage d'image avec un slider - Codes sources - Flash (Divers)
- Javascript : Un slideshow avec fade-in fade-out des vignettes et affichage des images dans la m&ecir - Guide
- C / C++ / C++.NET : Jeu buffy contre les vampires (affichage d'images dans une fenêtre ms-dos - Guide
- Visual Basic / VB.NET : Image jpeg et zoom - CodeS SourceS - Guide
Commentaires
- Messages postés
- 253
- Date d'inscription
- vendredi 13 juin 2003
- Statut
- Membre
- Dernière intervention
- 18 mai 2009
-- Messages postés
- 1731
- Date d'inscription
- vendredi 9 mai 2008
- Statut
- Modérateur
- Dernière intervention
- 1 décembre 2019
51 -pour faire encore mieux j'ai rajouter la possibilité de déplacer l'image a la souris bouton droit ou gauche
++
- Messages postés
- 253
- Date d'inscription
- vendredi 13 juin 2003
- Statut
- Membre
- Dernière intervention
- 18 mai 2009
-- Messages postés
- 5
- Date d'inscription
- mardi 24 juin 2003
- Statut
- Membre
- Dernière intervention
- 13 juin 2009
-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.
- Messages postés
- 1731
- Date d'inscription
- vendredi 9 mai 2008
- Statut
- Modérateur
- Dernière intervention
- 1 décembre 2019
51 -++
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.