Можно ли сделать Фон таблицы меняющимися изображениями?

Поделиться1Пн, 8 Авг 2011 09:43:30

Автор: Wikki
Заслуженный
Зарегистрирован: Чт, 3 Июн 2010
Сообщений: 124
Уважение: +3
Позитив: +14
Пол: Женский
Последний визит:
Вс, 5 Авг 2012 14:49:11

Нашла скрипт:

Код:

<script type="text/javascript"> var myLogos = new Array
('адрес картинки №1',
 'адрес картинки №2', 
'адрес картинки №3');
var Idx = Math.floor(Math.random() * myLogos.length);
document.write('<img src="'+myLogos[Idx]+'">');
</script>

Можно ли этот код преобразовать так, чтобы он вставал как фон ВСЕЙ таблицы. Или может есть какой-то другой код, чтобы менялось изображение.

0

Поделиться2Пн, 8 Авг 2011 10:49:52

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11572
Последний визит:
Сегодня 01:57:02

Wikki
Есть такой скрипт
Многие спрашивают различные случайные отражения Картинок или текстов
(в объявлении - шапке и.д)
Дабы не забивать голову - сотворил единый ротатор

Ротатор произвольного контента

<style>#КонтентРотатор p{display:none}</style>
<div id="КонтентРотатор" style="width:400px;">
<p>1-й Контент</p>
<p>2-й Контент</p>
<p>3-й Контент</p>
<p>4-й Контент</p>
<p>N-й Контент</p>
</div>

<script language="javascript">
var sek = 2000; // Время отображения

var Nrout=$("#КонтентРотатор p").length
var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
function RotatorMycontent(i) {
$("#КонтентРотатор p").hide();
$("#КонтентРотатор p").eq(i).show();
j =Math.round(Math.random()*(Nrout-1));
timerID = setTimeout("RotatorMycontent(j)",sek);}
</script>

Ставим туда куда нужно - синим жирным-число секунд для отражения контента(в самом контенте должны отсутствовать теги <p>

Дык вот сюда(Чуть именил css

<style>#КонтентРотатор p{display:none;position:absolute;}
#КонтентРотатор table p{display:block;position:relative;}
#КонтентРотатор table{display:block;position:relative;z-index:100;}
</style>
<div id="КонтентРотатор">
<p>1-й Контент</p>
<p>2-й Контент</p>
<p>3-й Контент</p>
<p>4-й Контент</p>
<p>N-й Контент</p>
Cюда вставляем нашу таблицу
</div>

<script language="javascript">
var sek = 2000; // Время отображения

var Nrout=$("#КонтентРотатор p").length
var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
function RotatorMycontent(i) {
$("#КонтентРотатор p").hide();
$("#КонтентРотатор p").eq(i).show();
j =Math.round(Math.random()*(Nrout-1));
timerID = setTimeout("RotatorMycontent(j)",sek);}
</script>

Таблица должна быть прозрачной

Отредактировано Deff (Пн, 8 Авг 2011 18:03:38)

0

Поделиться3Пн, 8 Авг 2011 12:45:36

Автор: Wikki
Заслуженный
Зарегистрирован: Чт, 3 Июн 2010
Сообщений: 124
Уважение: +3
Позитив: +14
Пол: Женский
Последний визит:
Вс, 5 Авг 2012 14:49:11

Deff
Ух ты.... счас попробую )))) Сип большое)))))))

0

Поделиться4Пн, 8 Авг 2011 12:56:35

Автор: Wikki
Заслуженный
Зарегистрирован: Чт, 3 Июн 2010
Сообщений: 124
Уважение: +3
Позитив: +14
Пол: Женский
Последний визит:
Вс, 5 Авг 2012 14:49:11

Deff
Ставлю таблицу, получается, когда появляется картинка, таблицу она закрывает.

Код:

<style>#КонтентРотатор p{display:none;position:absolute;}#КонтентРотатор table p{display:block;position:relative;}</style>
    <div id="КонтентРотатор"><!-- Ротатор произвольного контента -->
    <p><img src="http://forumupload.ru/uploads/0010/04/c2/2-1-f.jpg"></p>
    <p>2-й Контент</p>
    <p>3-й Контент</p>
    <p>4-й Контент</p>
    <p>N-й Контент</p>
<Table border="1" width="830" height="467px" style="border-width: 0px" background-color="transparent">
<tr><Td><center>Добрый день любители аниме "Ангельские ритмы".<br> Эта ролевая только создалась, но же в скором времени, она начнет создаваться, поэтому прошу запомнить нас и либо помочь, либо зайти к нам через пару дней))<br><br>
Если вы хотите помочь с созданием, прошу написать в аську 567626735. Примем любую помощь!<br>
Arigato!
</center></td></tr>
 </table>
    </div>

    <script language="javascript">
    var sek = 2000;  // Время отображения

    var Nrout=$("#КонтентРотатор p").length
    var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
    function RotatorMycontent(i) {
    $("#КонтентРотатор p").hide();
    $("#КонтентРотатор p").eq(i).show();
    j =Math.round(Math.random()*(Nrout-1));
    timerID = setTimeout("RotatorMycontent(j)",sek);}
    </script>

Вот посмотрите код.

0

Поделиться5Пн, 8 Авг 2011 13:28:29

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11572
Последний визит:
Сегодня 01:57:02

Поправил

Код:

<style>#КонтентРотатор p{display:none;position:absolute;}
#КонтентРотатор table p{display:block;position:relative;}
#КонтентРотатор table{display:block;position:relative;z-index:100;}
</style>
    <div id="КонтентРотатор"><!-- Ротатор произвольного контента -->
    <p><img src="http://forumupload.ru/uploads/0010/04/c2/2-1-f.jpg"></p>
    <p>2-й Контент</p>
    <p>3-й Контент</p>
    <p>4-й Контент</p>
    <p>N-й Контент</p>
<table border="1" width="830" height="467px" style="positin:relative;z-index:200;border-width: 0px" background-color:transparent">
<tr><td><center>Добрый день любители аниме "Ангельские ритмы".<br> Эта ролевая только создалась, но же в скором времени, она начнет создаваться, поэтому прошу запомнить нас и либо помочь, либо зайти к нам через пару дней))<br><br>
Если вы хотите помочь с созданием, прошу написать в аську 567626735. Примем любую помощь!<br>
Arigato!
</center></td></tr>
 </table>
    </div>

    <script language="javascript">
    var sek = 1000;  // Время отображения

    var Nrout=$("#КонтентРотатор p").length
    var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
    function RotatorMycontent(i) {
    $("#КонтентРотатор p").hide();
    $("#КонтентРотатор p").eq(i).show();
    j =Math.round(Math.random()*(Nrout-1));
    timerID = setTimeout("RotatorMycontent(j)",sek);}
    </script>

0

Поделиться6Пн, 8 Авг 2011 13:34:31

Автор: Wikki
Заслуженный
Зарегистрирован: Чт, 3 Июн 2010
Сообщений: 124
Уважение: +3
Позитив: +14
Пол: Женский
Последний визит:
Вс, 5 Авг 2012 14:49:11

Deff
Спасибо)) А если я буду переделывать таблицу, например как http://inkai.anihub.ru/. Возможно ли использование этого скрипта? Или он уже не пойдет?

0