[JavaScript/DHTML] Changement d'image

Changement d'image [JavaScript/DHTML] - Programmation

Marsh Posté le 07-09-2001 à 16:48:16    

Cette "WebApplication" est destinee a etre mise sur un CD pour y presenter des photos.
 
L'idee est d'avoir d'un cote une Frame avec des vues petite taille des images, et de l'autre une vue grande taille de la derniere image sur la quelle on a clique. Rien de plus facile en HTML... Sauf qu'il faut une page HTML par image pour la seconde Frame.
 
D'ou l'idee de passer d'un frame a l'autre le nom de l'image...
Pour l'instant je n'y arrive pas... merci de vos idees...
 
Piste 1
Utiliser une variable JavaScript dont la valeur est modifiee par les images due premier frame  
<a href="JavaScript:Lien='01-LeChat.jpg'">
   <img src="01-LeChat.jpg" height=150> </img>
</a>
 
puis dans le second frame  
<script type="Javascript">
   document.write("<img src=\""+Lien+"\">" )
</script>
 
ca me marche pas, quand je clique sur l'image je vois le texte 01-Lechat.jpg.... :(
 
Piste 2, nettement plus evoluee
consiste a utiliser DHTML ou DOM
Dans le second frame on a <img id=image src="01-Lechat.jpg">
et dans le premier on a  
<a href="javascript:ChangeImage('01-Lechat.jpg')">
   <IMG src="01-LeChat.jpg" width = 100>
</a>
 
et la fonction Change image definie dans le HEAD
 
<script type="JavaScript">
   fonction ChangeImage(name)
   {
      document.getElementById("images" ).src = name
   }
</script>
 
Et la j'ai carrement un message d'erreur...
 
je suis preneuse de toute les solutions :D
Je me doute qu'il s'agit d'un Pb de " ou de '
mais je suis aux limites de mes competences... et un peu d'aide serait la bienvenue...
 
Merci

Reply

Marsh Posté le 07-09-2001 à 16:48:16   

Reply

Marsh Posté le 07-09-2001 à 17:15:04    

Moi je ferais une page droite.html que j'appelerai dans la frame de gauche de la facon suivante <>top.frameDroite.document.location="droite.html?photo=xxx.jpg";<>
 
Dans la page droite.html, tu ecris un script qui recupere l'url de la page, la decoupe pour recuperer le prametre photo et fait un document.write du nom de l'image.
 
Je l'ai deja fait, c'est tres simple a mettre en place :)
A+

 

[edtdd]--Message édité par _epegasus_--[/edtdd]

Reply

Marsh Posté le 07-09-2001 à 17:26:20    

_epegasus_ > ca me rappel quelque chose :lol:
en fait j'ai jamais reussi a charger la page en question le navigateur m'enoyant un message du genre:
"file "droite.html?photo=xxx.jpg" not found...
est-ce ma faconn de faire (dans un a href :D) ou le fait qu'il n'y ait pas de serveur :??:
 
Bon je vais essayer comme ca...

Reply

Marsh Posté le 07-09-2001 à 17:43:05    

Si tu veux un exemple, tu peux aller sur un site realise par ma boite : http://www.mobilemusicforum.com . Tu trouveras des exemples qui pourront t'interresser dans la rubrique "portfolio" tout en bas de la page generale
 
Voili voila :)
 
P.S. : Je pense aussi que le fait de ne pas avoir de serveur joue ... mais sur un CD, je crois que c'est bon puisque le portfolio du site a ete porte sur cd ...

Reply

Marsh Posté le 07-09-2001 à 17:45:01    

Sinon tu cree une fonction majImage() dans t page de droite qui viendra mettre a jour le contenu de ton image
 
function majImage(nom){
  document.nomImage.src=nom;
}
 
tu appel cette fonction de ta page de gauche : top.frameDroite.majImage("xxx.jpg" )
 
Allez, bon we

Reply

Marsh Posté le 18-10-2001 à 14:57:07    

A propos je remonte ce topic pour expliquer comment j'ai resolu mon PB...
 
en fait il y a des frames et la definition de la fonction ChangeImage doit etre la ou cette fonction doit faire effet... et non la ou elle est appelee...

Reply

Marsh Posté le 18-10-2001 à 15:02:05    

depuis quand tu fais des pages html ? :pt1cable:

Reply

Marsh Posté le 18-10-2001 à 15:08:33    

J'ai ai fait quelques unes en Septembre (avant de partir en conges) pour faire une demo sur CD...
C'est fini depuis longtemps mais tout d'un coup ce me reviens et comme je n'ai trouve cette info nulle-part je retourne l'info maintenant (un peu tard je sais)...
 
Et je vais en faire de plus en plus... apres mes conges maternites je vais faire un site de maintenance logiciel...

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed