Superposition DIV avec java et menu

Bonjour,

Je suis entrain de mettre en place un site, j'ai eu une idée de menu mais voilà au moment du développement je fais fasse à un problème et ma question est : Possible ou pas.

Je met l'image en annexe.

Comme on peut le voir sur l'image le menu et sur la photo, cette photo est aléatoire. Un java script fait quelle change au changement de page ou ou moment d'une ré-actualisation de page.
J'ai mis mon code il est ok .
Mais au moment ou je met le menu boomm tout est décalé (dans l'idée c'est logique)
Donc ma question est : Est ce possible de mettre un menu sur image défilante.

Merci.
Si cela ne l'est pas il faut que je repense le design.


Modifié par ivanova (31 Mar 2010 - 13:44)

Bonjour,

Serait-il possible de donner un titre plus explicite à ton sujet ?

Comme çà??

Bonjour,

Oui, c'est possible.

Par contre je ne vois pas le rapport avec Java. Tu parles de l'île de Java en Indonésie?
Modifié par Florent V. (31 Mar 2010 - 13:46)

L'image qui change aléatoirement est appelé par un javascript.
Peut-être que je dois mettre l'image en de fond de div. Mais alors là je ne connais pas encore le code java qui pourrai me faire changé l'image de fond de div aléatoirement.
Ceux que j'ai trouvé le permettre mais avec le passage de la souris
Modifié par ivanova (31 Mar 2010 - 13:59)

ivanova a écrit :
L'image qui change aléatoirement est appelé par un javascript.

OK. Ce qui va être important pour la mise en page, c'est: quel est le code HTML généré une fois la fonction JavaScript exécutée.
Si tu ne sais pas exactement, tu peux regarder ce qui se passe dans la structure HTML avec un outil comme Firebug.

ivanova a écrit :
Peut-être que je dois mettre l'image en de fond de div.

Ce serait bien, oui. Ce n'est pas la seule solution mais c'est sans doute la meilleure.

ivanova a écrit :
Mais alors là je ne connais pas encore le code java qui pourrai me faire changé l'image de fond de div aléatoirement.

JavaSCRIPT, pas Java, merci.
Et n'ayant pas le code JavaScript que tu penses utiliser (si tu en as déjà un) sous les yeux, je n'ai pas de commentaire particulier à faire dessus.

<SCRIPT LANGUAGE="JavaScript">
var nbimage= 20;
var width;
var height;
var url;
var alte;
function banniere()
{
numimage= Math.round(Math.random()*(nbimage-1)+1);
if (numimage <= 10)
{
gotosite = "";
url = "image/defilant/mer.jpg";
alte = "";
}
if (numimage > 10)
{
gotosite = "";
url = "image/defilant/desert.jpg";
alte = "";
}
if(gotosite != "")
	{
	document.write ('<A HREF="' + gotosite + '">');	
	}
document.write('<IMG SRC="' + url + '" ALT="' + alte + '" BORDER=0>')
if(gotosite != "")
	{
	document.write('</A>')
	}
}
</SCRIPT>

Mais je viens de voir qu'il existe aussi celui-ci mais qui utilise le changement d'image par le biais du passage de la souris.

http://forum.alsacreations.com/topic-5-28681-1-resolu-Changer-le-background-dun-div-grace-a-javascript.html

Bon je dois tester.
Merci, déjà j'ai l'info que je cherchais maintenant à moi de faire, trouver le reste.

Je vous tiens informé.

     <script type="text/javascript">
var fond = new Array("url(image/defilant/mer.jpg)", "url(image/defilant/desert.jpg)", "url(image/defilant/desert.jpg)");

window.onload = function (){
var rand = Math.floor(Math.random() * fond.length);
document.getElementById('enteteover').style.backgroundImage=fond[rand];
}
</script> 

Voilà on ne sait jamais cela peut servir à d'autre.