Random Image en fond de tableau

**Goltar** · 09/05/2011, 08h32

Bonjour à tous,
J'utilise la fonction suivante pour Randomiser une image au lancement d'une page. (Une image différente à chaque lancement.

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" language="JavaScript">
<!--
 
NumberOfImagesToRotate = 5;
 
 
FirstPart = '<img src="Images/Fondentete/fondentete0';
LastPart = '.png" >';
 
function printImage() {
var r = Math.ceil(Math.random() * NumberOfImagesToRotate);
document.write(FirstPart + r + LastPart);
}
//-->
//-->
</script>

Là ou je veux afficher l'image j'utilise :

Code :

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

1
2
3
4
5
<script type="text/javascript" language="JavaScript">
 
printImage();
 
</script>

Cela fonctionnes très bien, mais je voudrais faire en sorte que cette image soit le fond d'un tableau. Quelqu'un pourrait-il m'aider ?

**Goltar** · 09/05/2011, 12h36

Rebonjour !
J'ai modifié le code comme ceci

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" language="JavaScript">
<!--
 
NumberOfImagesToRotate = 5;
 
 
FirstPart = '"Images/Fondentete/fondentete0';
LastPart = '.png"';
 
function printImage() {
var r = Math.ceil(Math.random() * NumberOfImagesToRotate);
 
document.getElementById('Entete1').style.backgroundImage=(FirstPart + r + LastPart); }
//-->
 
</script>

Avec dans le body onload l'appel à la fonction

Code :

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

<body onload="PrintImage();">

et l'affichage du tableau

Code :

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

1
2
3
4
5
6
7
8
9
10
<table align="center" id="Entete1"  >
  <tr align="center">
    <td height="175px" >
</td>
  </tr>
  <tr align="center">
    <td height="25px">&nbsp;</td>
  </tr>
 
</table>

apparemment je me gourre quelque part, mais je suis bloqué !

**SpaceFrog** · 09/05/2011, 13h37

backgroundImage necessite une URL

Code :

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

objt.style.backgroundImage="url('"+ variable +"')";

**Goltar** · 09/05/2011, 13h43

soit

Code :

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

document.getElementById('Entete1').style.backgroundImage=url(FirstPart + r + LastPart); }

?
Mais cela ne fonctionnes toujours pas

**SpaceFrog** · 09/05/2011, 13h45

un string !

**Goltar** · 09/05/2011, 13h58

Code :

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

document.getElementById('Entete1').object.style.backgroundImage="url('"+FirstPart + r + LastPart+"')";

ceci est-il correct ?

Random Image en fond de tableau

JavaScript

Vue hybride

Discussions similaires

Partager

Partager