Javascript dans l'attribut background

**Billy _IRIS1** · 28/06/2006, 18h40

Bonjour à tous,

Voilà je vais vous expliquer mon problème :
A l'aide d'une fonction javascript j'affiche une image parmis trois sur une page HTML "par hasard" :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<script language="javascript" type="text/javascript">
var nbimage= 30;
var width;
var height;
var url;
var alte;
function fond_image()
{
numimage= Math.round(Math.random()*(nbimage-1)+1);
if (numimage <= 10)
{
width = 700 ;
height = 559 ;
url = "images/index/index.jpg";
alte = "Chambéry Métropole";
}
if (numimage > 10 && numimage <= 20)
{
width = 700 ;
height = 559;
url = "images/index/index_2.jpg";
alte = "Mutuelles Savoyardes";
}
if (numimage > 20 && numimage <= 30)
{
width = 700 ;
height = 559 ;
url = "images/index/index_3.jpg";
alte = "Sport 2000 Chambéry";
}
document.write('<IMG SRC="' + url + '" WIDTH=' + width + ' HEIGHT=' + height + ' ALT="' + alte + '" BORDER=0>')
}
</SCRIPT>

Ensuite je l'affiche dans mon body

Code :

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

<script language="javascript" type="text/javascript">fond_image();</script>

Le problème c'est que j'aimerais l'afficher en tant que image de fond d'une cellule de tableau, genre :

Code :

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

<td align="center" valign="bottom" width="700" height="559" background:"javascript:fond_image();">

Ce code ne marche pas mais est-ce possible ?

Désolé le JS n'est pas mon fort, il y a peut être une autre façon ?

Merci d'avance

**Seb19** · 29/06/2006, 08h56

Bonjour,

A l'endroit où tu veux construire ta ligne TD, tu appel une fonction fond_image_bis() qui au lieu de faire

Code :

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

document.write('<IMG SRC="' + url + '" WIDTH=' + width + ' HEIGHT=' + height + ' ALT="' + alte + '" BORDER=0>')

va faire un

Code :

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

document.write('<td align="center" valign="bottom" width="700" height="559" background:'+url+'>')

**javatwister** · 29/06/2006, 13h11

un ptit exemple, avec 3 images qui s'appellent sm01.gif, sm02.gif et sm03.gif;

http://javatwist.imingo.net/test.htm;

l'une des 3 images est choisies au chargement, avec la légende correspondante quand on passse sur la zone;

les images ne mesurent pas 700X559, c'est pourquoi elles sont répétées;

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
17
18
19
20
<script type="text/javascript">
 
var nbimage=3;
var t=["légende 1", "légende 2", "légende 3"];
var im, num;
 
function charge(){
im=document.getElementById("cadre");
 
num= Math.ceil(Math.random()*3);
im.style.backgroundImage="url(sm0"+num+".gif)";
im.title=t[num-1];
 
}
 
</script>
 
<body onload="charge()">
 
<div style="width:700px;height:559px" id="cadre"></div>

Javascript dans l'attribut background

JavaScript

Discussions similaires

Partager

Partager