begin process at 2012 05 29 19:17:02
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

onMouseClick


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

onMouseClick

samedi 28 février 2004 à 00:53:42 | onMouseClick

gini333


bonjour,

je débute en javascript et j'ai une question super facile (bien que je ne sais la résoudre...) : je suis en train de créer un album photos pour un site.
Pour cela, j'ai 2 frames : celle du haut avec les images en miniature et celle du bas où j'aimerais pouvoir afficher l'image taile réelle (lorqu'on aurait cliquer sur l'image miniature correspondante bien sûr...).
Donc j'aimerais connaître le code qui, en cliquant sur les images miniatures, affiche la bonne photo en grand dans la 2ème frame.
Merci d'avance!
samedi 28 février 2004 à 06:41:14 | Re : onMouseClick

leris

bonjour,

vous m'en voyez désolé , mais je n'aime pas les "frames" , et pourtant , je vis en concubinage avec une "iframe" !

si tu tiens absolument à tes frames , rectifies le script.

bonne continuation.

Leris.
...............
<HTML>
<HEAD>
<TITLE>swapimg</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<SCRIPT language=javascript>
<!--
function SwapImg(idx, img)
{
document.images[idx].src = img;
}
//-->
</SCRIPT>
<style type=text/css rel=stylesheet>
.mano {
cursor: hand; margin: 5px;
}
</style>
</HEAD>
<BODY style="text-align: center">
<hr color=blue size="1" width="500">
<DIV><img src="photos/01.jpg" width=480 height=320 border=1 name=img></DIV>
<br>
<div>
<a class=mano onClick="SwapImg(0, 'photos/01.jpg')"><img src="thumbs02/01.jpg" width="60" height="40" border="1"></a>
<a class=mano onClick="SwapImg(0, 'photos/02.jpg')"><img src="thumbs02/02.jpg" width="60" height="40" border="1"></a>
<a class=mano onClick="SwapImg(0, 'photos/03.jpg')"><img src="thumbs02/03.jpg" width="60" height="40" border="1"></a>
<a class=mano onClick="SwapImg(0, 'photos/04.jpg')"><img src="thumbs02/04.jpg" width="60" height="40" border="1"></a>
<a class=mano onClick="SwapImg(0, 'photos/05.jpg')"><img src="thumbs02/05.jpg" width="60" height="40" border="1"></a>
<br>
<a class=mano onClick="SwapImg(0, 'photos/06.jpg')"><img src="thumbs02/06.jpg" width="60" height="40" border="1"></a>
<a class=mano onClick="SwapImg(0, 'photos/07.jpg')"><img src="thumbs02/07.jpg" width="60" height="40" border="1"></a>
<a class=mano onClick="SwapImg(0, 'photos/08.jpg')"><img src="thumbs02/08.jpg" width="60" height="40" border="1"></a>
<a class=mano onClick="SwapImg(0, 'photos/09.jpg')"><img src="thumbs02/09.jpg" width="60" height="40" border="1"></a>
<a class=mano onClick="SwapImg(0, 'photos/10.jpg')"><img src="thumbs02/10.jpg" width="60" height="40" border="1"></a>
</div>
<hr color=blue size="1" width="500">
<br>
<div>Ce qu'il faut savoir :<br>
<br>
le script change la 1ere image qu'il trouve dans la page = [0]<br>
si vous avez une banniere ou quelqu'image que ce soit placée avant ,
<br>
vous devez definir la position de l'image (exemple : si 2 images avant = [2]
) <br>
à modifier dans le script et dans les liens. <br>
<br>
Dans cet exemle , les miniatures sont dans le sous-dossier "thumbs02".<br>
les photos sont dans le sous-dossier "photos" <br>
<hr color=blue size="1" width="500">
</div>
</BODY></HTML>
........................

bluejayway
(codes et scripts pour webmasters debutants)


Cette discussion est classée dans : images, image, onmouseclick, miniature


Répondre à ce message

Sujets en rapport avec ce message

changer des images dans un menu [ par bblein ] j'élabore un petit menu où lorsque je clique sur une image-rubrique, une flèche (image) vient se placer dessous pour indiquer que l'on se situe bien d Insérer une image selon un résultat mathématique [ par tweeder ] Bonjour,Je m'explique car mon sujet n,est pas très révélateur. Je dois créer une page qui fait des calculs mathématiques et jai pensé insérer des imag Précision: Pb netscape image en couche avec netscape [ par philou7 ] Je crée des cartographies en disposant des images en couches dans des balise .Lorsque ces images sont placées dans une frame d'attribut "scrolling aut ajouter image [ par dragon ] Je suis en train de faire un site admin en php, mais je dois faire une formulaire pour ajouter des itemsjusqu'ici tout vas très bien, sauf les item on Précharger des images ? [ par TheRedman ] J'ai un menu et quand la souris passe dessus l'image change. J'ai essayé avec une image plus lourde (250 ko) et il faut plusieurs secondes avant qu'el visualiser une image [ par orionis ] Bonjour,Pour mon site, je voudrais afficher des images à partir d'une page de vignettes.Pour l'instant, la ligne de commande est simplement :<IMG SRC= Interversion d'images de tailles différentes sous Netscape [ par philou7 ] Bonjour,Dans ma page, une image définie dans une balise sans option de dimension, est remplacée par d'autres images de tailles différentes sous l'ac mauvais fonctionnement du cache avec les images pre-chargees [ par sunelis ] Bonjour à tousle site que je réalise est hebergé sur un serveur IIS et j'ai différents boutons réalisés à partir de deux images (une dans la position popup image [ par swiss_cheese10 ] Salut le people ! Bon alors voici mon prob...Sur mon futur site, j'ai pas mal d'images et j'aimerais que quand l'utilisateur clique sur une image, un pre chargement d'images [ par ludoweb ] Bonjour :-)j'ai trouvé un script pour le préchargement d'images, j'en ai besoin car j'ai une page avec des rollover, donc 8 images en tout. j'ai adapt


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

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 : 4,134 sec (3)

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