Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2847 connectés 

  FORUM HardWare.fr
  Programmation

  [JavaScript/DHTML] Changement d'image

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[JavaScript/DHTML] Changement d'image

n°58449
BENB
100% Lux.
Posté le 07-09-2001 à 16:48:16  profilanswer
 

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

mood
Publicité
Posté le 07-09-2001 à 16:48:16  profilanswer
 

n°58456
_epegasus_
Posté le 07-09-2001 à 17:15:04  profilanswer
 

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]

n°58459
BENB
100% Lux.
Posté le 07-09-2001 à 17:26:20  profilanswer
 

_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...

n°58461
_epegasus_
Posté le 07-09-2001 à 17:43:05  profilanswer
 

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 ...

n°58462
_epegasus_
Posté le 07-09-2001 à 17:45:01  profilanswer
 

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

n°66109
BENB
100% Lux.
Posté le 18-10-2001 à 14:57:07  profilanswer
 

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...

n°66110
tgrx
My heart is pumping for love
Posté le 18-10-2001 à 15:02:05  profilanswer
 

depuis quand tu fais des pages html ? :pt1cable:

n°66112
BENB
100% Lux.
Posté le 18-10-2001 à 15:08:33  profilanswer
 

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...


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation

  [JavaScript/DHTML] Changement d'image

 

Sujets relatifs
detection du bouton droit ou gauche en javascriptcordonnées de la sourie en JAvascript pourkoi code marche pas??
[javascript] Scinder une chaine[JAVASCRIPT] Rafaichir une page
fonction Javascript "clear documentt"[javascript] pb pleine ecran
[Javascript] Probleme de condition[JAVASCRIPT] Changer le curseur de la souris...
[JavaScript] Propriétés bizzares ...[Javascript] Tester si un objet existe
Plus de sujets relatifs à : [JavaScript/DHTML] Changement d'image


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR