Что я делаю не так, если при вот таком заполнении кода:
код
<!-- Вращалка-->
<div style="top:105px;margin-left:676px;position:absolute;z-index:100;">
<style>#КонтентРотатор p{display:none}</style>
<div id="КонтентРотатор" style="width:225px;">
<!-- Ротатор произвольного контента -->
<p>
<div class="ch-item ch-img-1" style="z-index:100;height:180px;width:180px;">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-1"></div>
<div class="ch-info-back">
<h5>Заголовок описания</h5>
<h6>Непосредственное описание изображённого на картинке.</h6>
</div></div></div></div>
</p>
<p>
<div class="ch-item ch-img-2" style="z-index:120;height:180px;width:180px;">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-2"></div>
<div class="ch-info-back">
<h5>Заголовок описания</h5>
<h6>Непосредственное описание изображённого на картинке.</h6>
</div></div></div></div>
</p>
<p>
<div class="ch-item ch-img-3" style="z-index:120;height:180px;width:180px;">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-3"></div>
<div class="ch-info-back">
<h5>Заголовок описания</h5>
<h6>Непосредственное описание изображённого на картинке.</h6>
</div></div></div></div>
</p>
<p>
<div class="ch-item ch-img-4" style="z-index:120;height:180px;width:180px;">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-4"></div>
<div class="ch-info-back">
<h5>Заголовок описания</h5>
<h6>Непосредственное описание изображённого на картинке.</h6>
</div></div></div></div>
</p>
<p>
<div class="ch-item ch-img-5" style="z-index:120;height:180px;width:180px;">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-5"></div>
<div class="ch-info-back">
<h5>Заголовок описания</h5>
<h6>Непосредственное описание изображённого на картинке.</h6>
</div></div></div></div>
</p>
<p>
<div class="ch-item ch-img-6" style="z-index:120;height:180px;width:180px;">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-6"></div>
<div class="ch-info-back">
<h5>Заголовок описания</h5>
<h6>Непосредственное описание изображённого на картинке.</h6>
</div></div></div></div>
</p>
<p>
<div class="ch-item ch-img-7" style="z-index:120;height:180px;width:180px;">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-7"></div>
<div class="ch-info-back">
<h5>Заголовок описания</h5>
<h6>Непосредственное описание изображённого на картинке.</h6>
</div></div></div></div>
</p>
<p>
<div class="ch-item ch-img-8" style="z-index:120;height:180px;width:180px;">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-8"></div>
<div class="ch-info-back">
<h5>Заголовок описания</h5>
<h6>Непосредственное описание изображённого на картинке.</h6>
</div></div></div></div>
</p>
<p>
<div class="ch-item ch-img-9" style="z-index:120;height:180px;width:180px;">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-9"></div>
<div class="ch-info-back">
<h5>Заголовок описания</h5>
<h6>Непосредственное описание изображённого на картинке.</h6>
</div></div></div></div>
</p>
<p>
<div class="ch-item ch-img-10" style="z-index:120;height:180px;width:180px;">
<div class="ch-info-wrap">
<div class="ch-info">
<div class="ch-info-front ch-img-10"></div>
<div class="ch-info-back">
<h5>Заголовок описания</h5>
<h6>Непосредственное описание изображённого на картинке.</h6>
</div></div></div></div>
</p>
</div>
<script language="javascript">
var sek = 1000000; // Время отображения
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>
</div>
У меня получается вот это:
В хтмл-низ при этом стоит ещё один ротатор, сам по себе прекрасно работающий. Могут ли они конфликтовать? оО
код второго ротатора
<div style="position:absolute;margin-top:35px;margin-left:389px;background: rgba(236,193,255,0.2);width:500px;height:60px!important;z-index:120;padding-left:5px;padding-top:3px;font-family:Lucida Console;font-size:14px;">
<div style="position:absolute;margin-top:-5px;z-index:120;padding-left:2px;padding-top:3px;font-family:Lucida Console;font-size:14px;">А вы знаете, что...</div>
<style>#КонтентРотатор p{display:none}</style>
<div id="КонтентРотатор" style="width:500px;margin-top:13px;font-family:Lucida Console;font-size:11px;line-height:11px;">
<!-- Ротатор произвольного контента, каждый факт примерно 280 символов -->
<p>• контент</p>
<p>• контент</p>
<p>• контент</p>
<p>• контент </p>
<p>• контент</p>
<p>• контент</p>
</div>
<script language="javascript">
function Rotator_cont(selek) {
var s = 300000; // Время отображения
var N=$(selek).length;
var i=Math.round(Math.random()*(N-1));Rotator(i);
function Rotator(i) {
$(selek).hide();$(selek).eq(i).show();i++;
if(i>N-1){i=0};
timerId01=setTimeout(function(){Rotator(i)},s);return;}
}Rotator_cont('#КонтентРотатор p')
</script>
</div>