Discussion :

[haylox]

Salut,

je suis un débutant en javascript , et je veux faire un simple slideshow de ce type :
http://hpics.li/47a0394
quand mouseover l'un des images à guauche , je veux l'afficher dans le grand div à droite, voici le code javascript que j'ai écrit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<script type="text/javascript">
function changeContent()
    {
        document.getElementById("apDiv7").style.backgroundImage="url('../Images/BattleField4big.JPG')";
    }
 function changeContent1()
    {
        document.getElementById("apDiv7").style.backgroundImage="url('../Images/GTA5BIG.JPG')";
    }
 
	 function changeContent2()
    {
        document.getElementById("apDiv7").style.backgroundImage="url('../Images/AssassinBig.JPG')";
    }
</script>

j'ai mis les div dans un SpryAccordion panel, et tout ça est compris dans un modéle ... quand j'execute le modéle , le slideshow marche comme il faut , mais une fois j'applique le modéle à une page , le slideshow ne marche plus , quand je passe la souris sur les petits images à gauche rien ne se passe. est ce que c'est déconseillé de mettre des javascript comme ça ?
et merci

[al1pb]

Bonjour,
Essaie de mettre dans ta fonction un
alert('mon image');
pour tester tes évenements.

Pourquoi 3 fonctions ? Une seul suffirait:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function changeContent(url){
 document.getElementById("apDiv7").style.backgroundImage="url('" + url + "')";
}

en passant comme fonction d'évenement:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div onmouseover="changeContent('../Images/BattleField4big.JPG');"></div>

[haylox]

Merci pour l'astuce , j'ai arrivé à résoudre mon problème