Ротатор нескольких баннеров из контейнера (Deff)
Ротатор нескольких банеров из под кнопки скрытия банеров
Скрипт берет баннеры из любого div-блока с id="Mybanners" и помещает их автоматически в ротатор по кругу.
Пускай у нас банеры расположены под кнопкой скрытия банеров таким кодом:
Пусть код самих банеров выглядит так:
Код может быть более сложным, с добавками alt; title; border; width; и т.д.
Для нормального функционирования последующего скрипта, исключим пока Все банеры со скриптовыми включениями! (типа различные счётчики Rambler-TOP100 и т.д. -их можно поместить в другой спойлер, ниже)
Добавляем в код спойлера идентификатор синим > id="Mybanners" (см выше)
И ставим перед кодом спойлера с банерами (или там где Вы желаете увидеть ротатор) следующий HTML код:
В HTML низ (ниже всех кодов, отображаемых данных скриптом баннеров и места хранилища этих самых баннеров) ставим такой код:
Скрипт берет баннеры из любого div-блока с id="Mybanners" и помещает их автоматически в ротатор по кругу.
Пускай у нас банеры расположены под кнопкой скрытия банеров таким кодом:
Цитата
<div align=center><a href="#" onclick=" obj=this.parentNode.childNodes[1].style;
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">
<img src="http://xmages.net/storage/10/1/0/4/1/upload/6c2ff770.png" ></a><div id="Mybanners" style="display: none">
Тут банеры
</div></div>
tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;">
<img src="http://xmages.net/storage/10/1/0/4/1/upload/6c2ff770.png" ></a><div id="Mybanners" style="display: none">
Тут банеры
</div></div>
Пусть код самих банеров выглядит так:
Цитата
<a href="Ссылка перехода по клику" target="_blank" ><img src="Ссылка на картинку банера" ></a>
Код может быть более сложным, с добавками alt; title; border; width; и т.д.
Для нормального функционирования последующего скрипта, исключим пока Все банеры со скриптовыми включениями! (типа различные счётчики Rambler-TOP100 и т.д. -их можно поместить в другой спойлер, ниже)
Добавляем в код спойлера идентификатор синим > id="Mybanners" (см выше)
И ставим перед кодом спойлера с банерами (или там где Вы желаете увидеть ротатор) следующий HTML код:
Код
<div style="width:100%"><div id="bns001" style="position:relative;float:right;"><!-- Ротатор Банеров местного разлива --></div></div><!--banner-->
В HTML низ (ниже всех кодов, отображаемых данных скриптом баннеров и места хранилища этих самых баннеров) ставим такой код:
Цитата
<!-- Ротатор Банеров --><style>
#bns001 { /*Украшалки и позиционирование блока ротации*/
margin:12px -56px -12px 56px!important;
padding: 6px;
border:4px ridge #A3540E;
background-color:#D3BB8C;
z-index:100;
}
#bns001 img{/* размер и отступы банер-картинки */
padding:0 0px 0 3px!important;
margin:0!important;
height:62px;
width:176px;
}
</style>
<script language="javascript">
arr=new Array()
var nn=2; // Одновременное Кол-во банеров в ротаторе
var sek = 8000; // Время отображения (8 сек.)
var LengMyb=$("#Mybanners a").length;
//alert(LengMyb)
var i=Math.round(Math.random()*(LengMyb-1));
banners(i);
function banners(i){
$("#bns001").html(""); //очищаем от предыдущего контента;
for(var y=0;y<nn;y++) {
if( i >= LengMyb-1){i=0};
$($("#Mybanners a")[i]).attr("target","_blank");
$($("#Mybanners a")[i]).clone(true).appendTo("#bns001")
i++;
}
j = i;
//alert("i=j>"+j)
timerID = setTimeout("banners(j)",sek);
}
</script><!--//End Ротатор Банеров -->
#bns001 { /*Украшалки и позиционирование блока ротации*/
margin:12px -56px -12px 56px!important;
padding: 6px;
border:4px ridge #A3540E;
background-color:#D3BB8C;
z-index:100;
}
#bns001 img{/* размер и отступы банер-картинки */
padding:0 0px 0 3px!important;
margin:0!important;
height:62px;
width:176px;
}
</style>
<script language="javascript">
arr=new Array()
var nn=2; // Одновременное Кол-во банеров в ротаторе
var sek = 8000; // Время отображения (8 сек.)
var LengMyb=$("#Mybanners a").length;
//alert(LengMyb)
var i=Math.round(Math.random()*(LengMyb-1));
banners(i);
function banners(i){
$("#bns001").html(""); //очищаем от предыдущего контента;
for(var y=0;y<nn;y++) {
if( i >= LengMyb-1){i=0};
$($("#Mybanners a")[i]).attr("target","_blank");
$($("#Mybanners a")[i]).clone(true).appendTo("#bns001")
i++;
}
j = i;
//alert("i=j>"+j)
timerID = setTimeout("banners(j)",sek);
}
</script><!--//End Ротатор Банеров -->
Просмотров: 550, Загрузок: 0, Оценка: 5.0 (1)
| Страницы: | |