Ситуация такая есть js код для прокручивания баннеров если ставлю один блок с баннерами все работает как часы, а если два то второй блок пропадает после первого баннера, пробовал в index.html подгрузить баннеры через javascript страницей html в разные блоки, начинают вываливаться по нескольку баннерных картинок. Собственно мне и нужно в index.html баннеры брать с другой страницы. Вот как бы сам код, помогите разобраться в чем проблема:
|
Код:
|
<html>
<head>
<title></title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// получаем массив блоков с нужными нам изображени¤ми
var banners = $("#adBanner00 div").toArray();
// класс с параметрами
settings = function() {
this.banners = banners; // массив блоков с изображени¤ми
this.sum = this.banners.length; // количество блоков с изображени¤ми
this.timeIn = 1000; // врем¤ дл¤ по¤влени¤
this.timeOut = 1000; // врем¤ дл¤ скрыти¤
this.timeView= 2000; // тайм-аут дл¤ показа
}
var obj = new settings();
if (obj.sum < 1) {
$("#adBanner00").html("<p>DO NOT IMAGES</p>");
}
else {
// скрываем все изображени¤ блока #adBanner00
$("#adBanner00 div").css({
"display":"none"
});
// создаем блок дл¤ показа с индикатором загрузки дл¤ эффектного начала
$("#adBanner00").prepend("<div id='adBanner00_view'></div>");
// запускаем функцию показа
view (0);
}
function view (num){
// инициализируем экземпл¤р класса settings()
var obj = new settings();
// если показали все изображени¤, показываем их снова
if (num >= obj.sum) num = 0;
var interval = setInterval (function(){
// очистка блока показа
$("#adBanner00_view *").remove();
// копи¤ изображени¤ в блок показа
$(obj.banners[num]).clone().prependTo("#adBanner00_view");
// показ изображени¤
$("#adBanner00_view div").fadeIn(obj.timeIn);
clearInterval(interval);
num++;
},obj.timeIn);
// скрытие изображени¤
$("#adBanner00_view div").fadeOut(obj.timeOut);
// снова запускаем сами себ¤ если изображений больше одного
if (obj.sum > 1) setTimeout(function(){view(num)},obj.timeIn+obj.timeOut+obj.timeView);
}
});
</script>
<script type="text/javascript">
$(document).ready(function(){
// получаем массив блоков с нужными нам изображени¤ми
var banners01 = $("#adBanner01 div").toArray();
// класс с параметрами
settings = function() {
this.banners01 = banners01; // массив блоков с изображени¤ми
this.sum = this.banners01.length; // количество блоков с изображени¤ми
this.timeIn = 1000; // врем¤ дл¤ по¤влени¤
this.timeOut = 1000; // врем¤ дл¤ скрыти¤
this.timeView= 2000; // тайм-аут дл¤ показа
}
var obj = new settings();
if (obj.sum < 1) {
$("#adBanner01").html("<p>DO NOT IMAGES</p>");
}
else {
// скрываем все изображени¤ блока #adBanner01
$("#adBanner01 div").css({
"display":"none"
});
// создаем блок дл¤ показа с индикатором загрузки дл¤ эффектного начала
$("#adBanner01").prepend("<div id='adBanner01_view'></div>");
// запускаем функцию показа
view (0);
}
function view (num){
// инициализируем экземпл¤р класса settings()
var obj = new settings();
// если показали все изображени¤, показываем их снова
if (num >= obj.sum) num = 0;
var interval = setInterval (function(){
// очистка блока показа
$("#adBanner01_view *").remove();
// копи¤ изображени¤ в блок показа
$(obj.banners01[num]).clone().prependTo("#adBanner01_view");
// показ изображени¤
$("#adBanner01_view div").fadeIn(obj.timeIn);
clearInterval(interval);
num++;
},obj.timeIn);
// скрытие изображени¤
$("#adBanner01_view div").fadeOut(obj.timeOut);
// снова запускаем сами себ¤ если изображений больше одного
if (obj.sum > 1) setTimeout(function(){view(num)},obj.timeIn+obj.timeOut+obj.timeView);
}
});
</script>
</head>
<body>
<div id="adBanner01">
<div>
<img src="img/4.jpg" title="4" />
</div>
<div>
<img src="img/5.jpg" title="5" />
</div>
</div>
<div id="adBanner00">
<div>
<img src="img/1.jpg" title="1" />
</div>
<div>
<img src="img/2.jpg" title="2" />
</div>
<div>
<img src="img/3.jpg" title="3" />
</div>
</div>
</body>
</html> |