Voici deux cas et deux exemples précis pour vous aider à suivre le processus pour avoir une image agrandie au passage de la souris au dessus de celle-ci.
- 1er cas : vous avez une miniature et une grande image. Vous voulez faire un petit screen pour afficher la grande lors du passage de la souris au dessus de la miniature.
- Voici donc le code javascript à suivre :
function showPreview(posX,posY,width,height,urlBigImg)
{
doc = document.getElementById(« previewer »);
document.images.target.src = urlBigImg;
document.images.target.width = width;
document.images.target.height = height;
doc.style.left = posX;
doc.style.top = posY;
doc.style.visibility = « visible »;
doc.style.border = « 1px dotted »;
doc.style.border-color= »gray »;
}
function hide()
{
doc = document.getElementById(« previewer »);
doc.style.visibility = « hidden »;
doc.style.border = « 0px »;
}
Sur la balise image de la miniature, nous avons :
<image src= »/rio.jpg » onMouseOver= »showPreview(126,87,400,350,’big-rio.jpg’); » onMouseOut= »hide(); » id= »source »/>
- 2ème cas : vous voulez utiliser une seule image pour la miniature et pour la grande image.
- La même image est agrandie, donc pas besoin de urlBigImg ! Il faut tout juste se brancher sur la meme source :
document.images.target.src = document.images.source.src;
A voir Absolument!
Voici un script qui permet d’agrandir et de réduire une image en cliquant dessus: Pour l’image à placer dans le corps du document, voici le code : <img src= »monimage.gif » height= »15″ name= »image » ondblclick= »agrandirimage() »...
Il existe plusieurs logiciels disponible au téléchargement en ligne qui peuvent vous aider à agrandir une image sans pour autant la déformer. Dans ce tutoriel, nous vous présentons le logiciel Liquid...
La version américaine de Yahoo! vient d’être mise à jour, notamment le Yahoo! moteur de recherche d’images qui se voit doter de plusieurs nouvelles fonctionnalités encore plus intéressantes. On citera particulièrement le...
Xawtv est un outil qui permet de regarder la télévision sous Linux. Il est le plus souvent installé par défaut et est automatiquement configuré sur la plupart des distributions :...
Découvrez ici comment insérer une image dans un fichier PDF. - Allez dans la barre d’outils Document et sélectionnez Filigrane puis Ajouter. - Une nouvelle fenêtre s’affiche. Cochez alors Fichier dans la...
Vous aimez cet article ?
| | Partager sur Facebook | Tweet |
