Ротатор нескольких банеров из под кнопки скрытия банеров
автор - Deff
Скрипт берет баннеры из любого 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>
Пусть код самих банеров выглядит так:
<a href="Ссылка перехода по клику" target="_blank" ><img src="Ссылка на картинку банера" ></a>
Код может быть более сложным, с добавками alt; title; border; width; и т.д.
Для нормального функционирования последующего скрипта, исключим пока Все банеры со скриптовыми включениями! (типа различные счётчики Rambler-TOP100 и т.д. -их можно поместить в другой спойлер, ниже)
Добавляем в код спойлера идентификатор синим > id="Mybanners" (см выше)
И ставим перед кодом спойлера с банерами (или там где Вы желаете увидеть ротатор) следующий HTML код:
В 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 Ротатор Банеров -->
Демо - http://hostjs-mybb2011.narod.ru/banners_rotation.htm
[edit]опубликовано[/edit]
Отредактировано Герда (22.11.12 12:07)
- Подпись автора
Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.