Спасибо вам за замечательный скрипт все работает
Скрыть баннеры
Сообщений 61 страница 64 из 64
Поделиться622011-02-24 16:53:58
- Новичок
- Зарегистрирован: 2011-01-10
- Приглашений: 0
- Сообщений: 2
- Уважение: 0
- Позитив: 0
- Пол: Женский
- Провел на форуме:
2 часа 5 минут - Последний визит:
2011-05-01 21:20:03
Спасибо за скрипты)
Поделиться632011-02-24 16:59:09
Ротатор нескольких банеров из под кнопки скрытия банеров (или из любого 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 код:
<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 Ротатор Банеров -->
Получиться должно Вот Это:
http://hostjs-mybb2011.narod.ru/banners_rotation.htm
(Ротатор над сундучком, справо
Поделиться642011-03-23 12:55:36
- Форумчанин
- Зарегистрирован: 2011-02-06
- Приглашений: 0
- Сообщений: 119
- Уважение: +13
- Позитив: +28
- Пол: Женский
- Провел на форуме:
4 дня 10 часов - Последний визит:
2013-06-20 23:28:47
Пасиба)))
Сначала нифига не поняла, потом как-то дошло))))
Похожие темы
| Баннеры появляются при нажатии на картинку под статистикой | Архив тем | 2010-07-29 |
| кнопка для баннеров | Архив тем | 2009-12-15 |
| Кнопка баннера | Архив тем | 2010-04-03 |
| Если рекламный баннер нужно передвинуть | Галерея скриптов | 2012-02-20 |
| Сделать рекламный баннер прозрачным. | Галерея скриптов | 2012-02-03 |