Кто может дать Рабочий и Понятный скрипт для рандомного показа баннеров?! Спасибо большое!
Рандомный показ баннеров
Сообщений 1 страница 14 из 14
Поделиться2Чт, 24 Сен 2015 15:37:07
Многие спрашивают различные случайные отражения Картинок или текстов
(в объявлении - шапке и.д)
Дабы не забивать голову - сотворил единый ротатор
Ротатор произвольного контента
<style>#КонтентРотатор p{display:none}</style>
<div id="КонтентРотатор" style="width:400px;"><!-- Ротатор произвольного контента -->
<p>1-й Контент</p>
<p>2-й Контент</p>
<p>3-й Контент</p>
<p>4-й Контент</p>
<p>N-й Контент</p>
</div><script type="text/javascript">
(function() {
var sek = 2000; // Время отображения
var id = "КонтентРотатор"var P=$("#"+id+" p"), Nrout=P.length,
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(function(){RotatorMycontent(j)},sek);}
}());
</script>
Ставим туда куда нужно - синим жирным-число секунд для отражения контента(в самом контенте должны отсутствовать теги <p>
Если ротирование нужно лишь однократное на текущей странице - ставим Время отображения 1000000
Если нужно поставить несколько ротаторов - синхронно изменяем в очередном ротаторе три записи зелёным: - имя ID div, обрамляющего теги <p>
Чтобы объединить визуально просто ставите коды друг за другом
<style>#КонтентРотатор1 p{display:none}</style>
<div id="КонтентРотатор1" style="width:400px;"><!-- Ротатор произвольного контента -->
<p>1-й Контент</p>
<p>2-й Контент</p>
<p>3-й Контент</p>
<p>4-й Контент</p>
<p>N-й Контент</p>
</div>
<script type="text/javascript">
(function() {
var sek = 2000; // Время отображения
var id = "КонтентРотатор1"
var P=$("#"+id+" p"), Nrout=P.length,
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(function(){RotatorMycontent(j)},sek);}
}());
</script>
<style>#КонтентРотатор2 p{display:none}</style>
<div id="КонтентРотатор2" style="width:400px;"><!-- Ротатор произвольного контента -->
<p>1-й Контент</p>
<p>2-й Контент</p>
<p>3-й Контент</p>
<p>4-й Контент</p>
<p>N-й Контент</p>
</div>
<script type="text/javascript">
(function() {
var sek = 2000; // Время отображения
var id = "КонтентРотатор2"
var P=$("#"+id+" p"), Nrout=P.length,
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(function(){RotatorMycontent(j)},sek);}
}());
</script>
<style>#КонтентРотатор3 p{display:none}</style>
<div id="КонтентРотатор3" style="width:400px;"><!-- Ротатор произвольного контента -->
<p>1-й Контент</p>
<p>2-й Контент</p>
<p>3-й Контент</p>
<p>4-й Контент</p>
<p>N-й Контент</p>
</div>
<script type="text/javascript">
(function() {
var sek = 2000; // Время отображения
var id = "КонтентРотатор3"
var P=$("#"+id+" p"), Nrout=P.length,
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(function(){RotatorMycontent(j)},sek);}
}());
</script>
Можно все три кода(полностью всё) обернуть в один общий <div class="rotator-wrap"> и спозициоировать его в нужное место
Отредактировано Deff (Чт, 24 Сен 2015 15:47:40)
Поделиться3Чт, 24 Сен 2015 15:41:06
Многие спрашивают различные случайные отражения Картинок или текстов
(в объявлении - шапке и.д)
Дабы не забивать голову - сотворил единый ротаторРотатор произвольного контента
Ставим туда куда нужно - синим жирным-число секунд для отражения контента(в самом контенте должны отсутствовать теги <p>
Если ротирование нужно лишь однократное на текущей странице - ставим Время отображения 1000000
Если нужно поставить несколько ротаторов - синхронно изменяем в очередном ротаторе три записи зелёным: - имя ID div, обрамляющего теги <p>
Чтобы объединить визуально просто ставите коды друг за другом
Можно все три кода(полностью всё) обернуть в один общий <div class="rotator-wrap"> и спозициоировать его в нужное место
куда вставлять ссылку и картинку, можно подробнее немного для непросвещенных?!
Поделиться4Чт, 24 Сен 2015 15:43:40
CGworldministrator
1. Вставляете вначале для теста как есть, без изменений
2. Ваш контент, затем, вставляете вместо красного
Отредактировано Deff (Чт, 24 Сен 2015 15:44:18)
Поделиться5Чт, 24 Сен 2015 15:46:36
CGworldministrator
1. Вставляете вначале для теста как есть, без изменений
2. Ваш контент, затем, вставляете вместо красногоОтредактировано Deff (Сегодня 13:44:18)
т.е. изменять нужно только красное, вставлять мой контент?
Поделиться6Чт, 24 Сен 2015 15:50:00
CGworldministrator
выбирай, что понятней: http://disbb.ru/board/drugie_platformy/rotatory/194
мне более всего мой вариант нравится: http://disbb.ru/board/drugie_platformy/ … 94-1-0-111
он простой, и переключение картинки происходит ток после обновления. но там низя использовать двойные кавычки внутри кода и перенос строк.
Поделиться7Чт, 24 Сен 2015 15:50:35
т.е. изменять нужно только красное, вставлять мой контент?
Да! - Число строк с красным(в итоге) ставим (оставляем) по числу Ваших вставляемых контентов
Отредактировано Deff (Чт, 24 Сен 2015 15:52:12)
Поделиться8Чт, 24 Сен 2015 16:03:45
Герда
Спасибо большое, очень простой и понятный и главное 100% рабочий! Плюсик
Поделиться9Чт, 24 Сен 2015 16:18:51
он простой, и переключение картинки происходит ток после обновления
1. Ну всегда считал и опыт показывает, что для начинающего проще вставить свой контент вместо красного, нежели мудрить со вставкой в скрипт с соблюдением запрета на кавычки и перенос
2. Опять жа скрипт для ролёвок и возможности вставки многострочных объявлений
(Ксать обновлён для возможности одновременного применения нескольких ротаторов, в разных частях таблицы)
===================================================
3. Для твоего каталога в скриптах есть скрипт рандомного ежесуточного погодного(ну или любого иного) ротатора
Достоинство - синхронное отображение рандомного идентичного контента у всех пользователей
Отредактировано Deff (Чт, 24 Сен 2015 16:21:21)
Поделиться10Чт, 24 Сен 2015 16:29:11
Deff
ну, все от юзера зависит. =)
мне в твоем скрипте все понятно, менее опытные втыкают в настройки не сразу.
если необходимо ротировать именно большой контент, то только твой скрипт.
но в случае с баннерами мне лично не страшно поморочиться с вставкой без кавычек и в одну строчку, ибо контента мало.
ну, и еще некоторым может не устроить в твоем скрипте ротация контента по времени. естественно, можно поставить миллион секунд, но в случаях с баннерной рекламой возможны претензии от рекламодателей, мол, если уж отобразился наш баннер, то пусть висит, покуда юзер не ушел на другую страницу - хоть сутками, и никак иначе.
Поделиться11Чт, 24 Сен 2015 16:34:54
с соблюдением запрета на кавычки и перенос
Можно сделать так:
<script type="text/javascript">
var links = [
'<a href="http://gerda-web.ru/" target="_blank"><img src="http://gerda-web.ru/zakazat.gif"></a>',
'<a href="http://forumdts.org/viewtopic.php?id=1957"><img src="http://forumdts.org//66270-1-f.gif"></a>'
];
var los = Math.floor(Math.random() * links.length);document.write (links[los]);
</script>
Тогда запрет на двойные кавычки отпадает, но с переносом строк не сделать - в этом твой вариант выигрывает))
Отредактировано Alex_63 (Чт, 24 Сен 2015 16:36:35)
Поделиться12Пн, 1 Авг 2016 11:21:36
Многие спрашивают различные случайные отражения Картинок или текстов
(в объявлении - шапке и.д)
Дабы не забивать голову - сотворил единый ротаторРотатор произвольного контента
Ставим туда куда нужно - синим жирным-число секунд для отражения контента(в самом контенте должны отсутствовать теги <p>
Если ротирование нужно лишь однократное на текущей странице - ставим Время отображения 1000000
Если нужно поставить несколько ротаторов - синхронно изменяем в очередном ротаторе три записи зелёным: - имя ID div, обрамляющего теги <p>
Чтобы объединить визуально просто ставите коды друг за другом
Можно все три кода(полностью всё) обернуть в один общий <div class="rotator-wrap"> и спозициоировать его в нужное место
Отредактировано Deff (Чт, 24 Сен 2015 13:47:40)
Я вставил, но получается что она в самом верху, а мне надо на том месте где объявление форума !!! И чтобы форум в браузере не прыгал
Поделиться13Пн, 1 Авг 2016 11:26:37
3ASOFT
Вставляйте ротатор в Объявление (Администрирование - Настройки - Объявление), там и будет отображаться и форум прыгать не будет.
Поделиться14Пн, 1 Авг 2016 11:30:39
3ASOFT
Вставляйте ротатор в Объявление (Администрирование - Настройки - Объявление), там и будет отображаться и форум прыгать не будет.
Спасибо! Получилось!