[JavaScript/DHTML] Changement d'image

Recherche :

Dernière réponse
Sujet : [JavaScript/DHTML] Changement d'image
BENB	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...

Votre réponse

Nom d'utilisateur

Pour poster, vous devez être inscrit sur ce forum .... si ce n'est pas le cas, cliquez ici !

Le ton de votre message

Votre réponse

Smilies

Liste des smilies perso
Wiki smilies
Chercher un smiley

Options

Activer votre signature
Désactiver les smilies
Activer la notification par email du sujet

Aperçu

Vous avez perdu votre mot de passe ?

Vue Rapide de la discussion

BENB

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

tgrx	depuis quand tu fais des pages html ? :pt1cable:

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

_epegasus_

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

_epegasus_

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

BENB

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

_epegasus_

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]

BENB

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