begin process at 2012 05 29 01:28:22
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

Débutants

 > 

agrandir une image sur la même page en survolant une vignette


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

agrandir une image sur la même page en survolant une vignette

samedi 1 janvier 2005 à 12:55:12 | agrandir une image sur la même page en survolant une vignette

MEXICANINO

Salut à tous et sutout BONNE ANNEE !!!!
Je galere trop, je voudrais sur mon site
agrandir une image sur la même page en survolant une vignette
"mouseover" vous pouvez voir sur www.rnsoul.fr.st
J'ai creer les vignettes et leurs agrandissements
et j'arrive pas à trouve le truc pour le faire

Franchement je vous remercie d'avance
C TROP IMPORTANT JE SUIS BLOQUE A CAUSE DE CA

merci
samedi 1 janvier 2005 à 16:29:54 | Re : agrandir une image sur la même page en survolant une vignette

bultez

Membre Club
bonjour,
un ch'tit exemple ?

<HTML>
<HEAD>
<TITLE></TITLE>
<script type="text/javascript">
var actuel;
function petit()
{ actuel.style.display="inline";
frm.aff.style.display="none"; }
function grand(image)
{ actuel=image;
frm.aff.style.top=image.offsetTop;
frm.aff.style.left=image.offsetLeft;
frm.aff.src=image.src;
frm.aff.style.width=200;
frm.aff.style.height=200;
image.style.display="none";
frm.aff.style.display="inline"; }
</script>
</HEAD>
<BODY>
<form name="frm">
<img src="c:\mes documents\mes images\gif\merci.gif"
onmouseover="grand(this);"/>
<img src="c:\mes documents\mes images\gif\postit0.gif"
onmouseover="grand(this);"/>
<img name="aff"
style="position:'absolute';"
onmouseout="petit();"
style="display:none"/>
</form>
</BODY>
</HTML>

ici, on met l'agrandissement sur l'image
réduite, avec une taille fixe ( 200x200 )
c'est bien entendu un exemple,
on peut mettre ailleurs, calculer
la nouvelle taille , le nom des images
est en paramètres s'il y en a plusieurs ...

il y a sûrement d'autres solutions...

Cordialement Bul. [Site] [Mail]


Cette discussion est classée dans : page, image, agrandir, vignette, survolant


Répondre à ce message

Sujets en rapport avec ce message

Faire disparaitre une image en la survolant [ par agory ] Salut à vous,J'ai une page composée de plusieurs zones comme celle présentée par l'image attachée.<IMG alt="Exemple de zone" hspace=0 src="C:\Document Agrandir une image dans une popup au survol de la souris [ par pcsystemd ] Bonjour voila après deux jours de recherche je me décide a demander de l'aide. J'ai une petite image (vignette) et je souhaite lorsque l'on survol la rechercher une image dans une page [ par kisscoolgirl ] bonjour ma question est très simple :-je suis sur la page1.html-je veux afficher une alerte sur cette page1.html (genre une image ou du texte) si et image [ par salim81 ] bonjour a tous! d'ailleur;je vous remerci pour la reponse concernat le lien vers le cadre d'une frame! j'ai un autre probléme .en effet; j'ai un code vignette qui ouvre grande image. pb dans firefox [ par cejeg3012 ] bonjour a tousj'ai un soucis avec un code java, c'est une petite vignette qui ouvrent la grande image à cotéaucun pb sous IE par contre sous Mozilla j Obtenir le nom d'une image sur une page web ? [ par Dri60 ] Bonjour, je commence le javascript et j'aurais besoin de votre aide :Je souhaiterais savoir si il est possible d'obtenir le nom d'une image contenue d Agrandir du texte en survolant avec la souris sous flash cs3 [ par FAURE81 ] Bonjour,Novice en la matière, je souhaiterai agrandir des plages de texte sur mon site afin qu'il soit plus facilement lisible mais je n'arrive pas à Pb Affichage infobulle avec Image sous IE [ par ragmo ] Bonjour, J'ai besoin d'aide concernant l'affichage d'une infobulle contenant une image qui s'affiche au survole d'une vignette. C prechargement des image [ par baryta ] Bonjour à tous Cela fait quelques jours que je cherche à résoudre le préchargement de mes images. J'ai trouvé le code javascrip pour les précharger. J plusieurs daiporama dans une meme page html [ par sokebana ] Bonjour j'avais mis deux diaporamas simplissimes avec dreamweaver (permutation d'image), seulement cela créait un conflit avec mon menu accordéon... b


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,374 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales