Change BackgroundImage à l'aide d'une Icone et si click : le BackgroundImage reste !

Bonjour,

Voila je dois rendre la semaine prochaine un projet et j'aimerai arriver à donner la possibilité à l'utilisateur de changer le backgroundImage avec comme "interrupteur" une icône ( un Ipod en png ).
J'ai d'abord essayé en fesant la technique du "onmousover et onmouseout" afin que quand il aille avec sa souris, le deuxieme fond d'écran que j'ai mis dans le dossier de la page apparaisse et lui dévoile le nouveau rendu. Et donc ci ce dernier lui plait, il click une fois sur mon icone d'Ipod afin que ce wall reste ! Mais bien sur, ce n'est pas ossi simple et les Onmouse^^ ne fonctionne pas ( ou plutôt ca change juste derriere mon icone d'ipod... donc mais c'est pas du tout ce que je recherche ).

Mais voila, le javascript c'est pas trop mon truc ( je suis juste arrivé a faire l'horloge en temps réelle, waow trop content :p )...

Donc j'aimerai avoir une solution assez simpliste car je suis qu'en premiere année d'un DUT Service et Réseau de Communication.

Voici la ligne du code en question dans ma page html: ( pour ma ligne en dessous, en attendant de trouver la bonne solution afin de faire ce que je souhaite ^^, j'ai juste mit en "onmouseover" ce même Icone d'Ipod mais un peu plus gros et avec des ombres sous lui et sur son texte dans l'écran afin que ca ne fasse pas figé... Mais bon si il doit rester fixe pour que le changement de backbroundImage fonctionne il n'y a aucun probleme. )

"
<div class="menu2">
        <div id="Ipod"><img src="Ipod_Color.png" border="0px" onmouseover="this.src='Ipod_ColorOn.png'" onmouseout="this.src='Ipod_Color.png'"></img</div>   
</div>
"

Merci Beaucoup ;)

s'il vous plait il me reste plus beaucoup de temps...

J'ai fais 2-3 forum dont celui de clubic mais personne n'a pu me donner une solution efficace à mon petit soucis ^^

bonjour,
>>il me reste plus beaucoup de temps...
1° fallait bosser avant peut-être ?
2° pas très claire ta demande
    tu veux changer l'image en background d'ene page ?
    si c'est ça : document.body.style.backgroundImage="url('image voulue')"
Cordialement

[mon Site] [M'écrire] Bul

Ca fait un peu 2 mois que je suis dessus ^^

Et vu que j'ai cherché et essayé des tonnes de manip mais en vain, j'en arrive a poser la question ici vu qu'avant je n'ai pu trouver la solution donc...C'est une manip toute bête vu qu'il y a du onmouseover/onmouseout et onpress ou onclick j'imagine !

Je résume mon souhait :

Quand l'utilisateur va avec sa souris sur mon icone "Ipod.png" cela change sur ma page le BackgroundImage ( donc ca enleve celui "par défaut" ) et ca affiche un deuxieme BackgroundImage. Là il y a deux cas :

-> Si ce dernier lui plait, il a juste a clicker sur mon "Ipod.png" pour que ce dernier reste et donc remplace le background initial !
-> Sinon si il quitte avec sa souris mon icone d'Ipod car ce nouveau wall affiché ne lui plait pas (et donc il n'a pas clicker), le wall deriere redevient le "par défaut".

Vous comprennez ?

J'ai justement essayé avec document.body.style.backgroundImage="url('image voulue')" en onmouseover et out mais ca ne change le wall que derrière mon Ipod et exclusivement derrière lui (autant dire à peine 5 px en largeur et 5px en hauteur ) tout le reste de ma page garde le même wall !

Vu que je maitrise assez bien le html et le css, ba le java c'est vraiment autre chose et j'ai fait 7 pages compléte mais là derniere a réaliser c'est justement celle ou on doit mettre un code java ... Contrainte oblige !

euh... et c'est quoi un wall ?

>>Je résume mon souhait : Quand l'utilisateur va avec sa souris sur mon
>>icone "Ipod.png" cela change sur ma page le BackgroundImage
et bien ; applique ce que je dis lors du survol de l'icône ! non ?
quand aux >>Là il y a deux cas
de 2 choses l'une ( l'autre c'est le soleil ), soit
il valide et c'est bon, soit il ne valide pas et
on remet le fond initial.

>>ba le java c'est vraiment autre chose ... mettre un code java ...
erreur de forum alors, ici c'est javascript et pas java !

[mon Site] [M'écrire] Bul

Ba un wall ^^ un wallpaper = fond d'écran ...

Ah donc en javascript il est impossible de réaliser une function qui execute selon click ou pas click, onmouseover ou onmouseout l'action de changer le fond d'écran de la page

Bon ba dsl alors, j'abandonne l'idée... Moi qui pensait quand javascript on pouvait faire ça

>>donc en javascript il est impossible de réaliser
ben si  on peut ! où tu as vu que je disais qu'on ne pouvait pas ?
tu ne dois pas faire comme il faut....
mais bon, sans ce que tu fais....

[mon Site] [M'écrire]  Bul

Ba je croyais que

" ba le java c'est vraiment autre chose ... mettre un code java ...
erreur de forum alors, ici c'est javascript et pas java ! "

Ca voulait dire que ma demande est impossible en javascript ^^ bon...

Alors c'est quoi la meilleur solution a faire pour réaliser ma demande !

J'ai éssayé hier avec mais rien à faire ca change juste derriere mon image d'Ipod qui fait 80*80px alors que le background sur ma page a changé fait 1280*1024..

onClick="last.style.backgroundImage='url(imageinitiale)'; this.style.backgroundImage='url(test1.jpg)';last=this;"

euh ?!???!!!???
je te disais "pour java tu n'es pas sur le bon forum, ici c'est javascript"
( j'ajoute et javascript n'a strictement rien à voir avec java ! )
comment tu peux comprendre que ça ne fonctionne pas en javascript ????

ton onclick change le background-image de quoi ?
pas de la page en tout cas... relis mon 1er message peut-être ?

[mon Site] [M'écrire]  Bul