Javascript-форум - Ротация фона в таблице

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Ротация фона в таблице (https://javascript.ru/forum/dom-window/35304-rotaciya-fona-v-tablice.html)

<html>
<head>
<title>Тест таблицы</title>



<STYLE>
#img_prehome1{ 
         background: url(http://www.sokzvezda.ru/index/img_prehome1.jpg) no-repeat center; 
} 
#img_prehome2{ 
         background: url(http://www.sokzvezda.ru/index/img_prehome2.jpg) no-repeat center; 
} 
#prehome {
  position:relative;
  width:940px;
  opacity:0.6;
  margin: 0 auto;
}
</STYLE>




</head>


<body leftmargin=0 topmargin=0 rightmargin=0 bottommargin=0 marginwidth=0 marginheight=0 bgcolor="#efefef" link="#000066" alink="#990000" vlink="#993399">

<div id="prehome">
<script language="Javascript">
<!-- BEGIN
  var images = 2;
  var whichImage = Math.round(Math.random()*(images-1))+1;

  document.write('<img src="http://designforum.bestff.ru/i/blank.gif" width="100%" height="100%" style="position:absolute;z-index:-1" id="img_prehome'+whichImage+'">');
  // END-->
</script>

<table  align="center" width="100%"  height=244  border="1" cellpadding="0" cellspacing="0">

<tr>
<td>

таблица<br>
таблица<br>
таблица<br>
таблица<br>
таблица<br>
таблица<br>

</td></tr>
</table></div>


</body></html>

pumba177,
а в таблице будет контент страницы?

Спасибо огромное!

pumba177,
Чуть поправил

Цитата:

Сообщение от dmitriymar (Сообщение 232332)

pumba177,
а в таблице будет контент страницы?

Нет, это шапка сайта.

Цитата:

Сообщение от Deff (Сообщение 232337)

pumba177,
Чуть поправил

В IE 7 не кажет фон совсем, а в Файрфоксе новом перекосило: http://s1.ipicture.ru/uploads/20130207/mW25osUp.jpg

Цитата:

Сообщение от pumba177

Нет, это шапка сайта.

Тогда такой вариант - не подойдёт... сейчас подредактирую

Deff, а при таком решении все варианты картинок фона сразу не подгружаются, а грузится лишь одна случайным образом в момент открытия страницы? Ну т.е. можно их туда и десяток напихать?

<html>
<head>
<title>Тест таблицы</title>



<STYLE>
#img_prehome1{ 
         background: url(http://s3.uploads.ru/EdxaK.jpg) no-repeat center; 
} 
#img_prehome2{ 
         background: url(http://s2.uploads.ru/gFMLP.jpg) no-repeat center; 
} 
#prehome {
  position:relative;
  width:940px;
  opacity:0.6;
  margin: 0 auto;
}
div.img_prehome{
  position:absolute;
  z-index:-1;
  width:940px;
  height:244px;  
}
</STYLE>




</head>


<body leftmargin=0 topmargin=0 rightmargin=0 bottommargin=0 marginwidth=0 marginheight=0 bgcolor="#efefef" link="#000066" alink="#990000" vlink="#993399">

<div ><div id="prehome">
<script language="Javascript">
<!-- BEGIN
  var images = 2;
  var whichImage = Math.round(Math.random()*(images-1))+1;

  document.write('<div class="img_prehome" id="img_prehome'+whichImage+'"></div>');
  // END-->
</script>

<table  align="center" width="100%"  height=244  border="1" cellpadding="0" cellspacing="0">

<tr>
<td>

таблица<br>
таблица<br>
таблица<br>
таблица<br>
таблица<br>
таблица<br>

</td></tr>
</table></div></div>


</body>
</html>

Яркость регулируете этой цифрой opacity:0.6;
В принципе можно и сотыми 0.66 0.99