ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Javascript, Jquery и CSS решения » Помогите найти! (Ищу скрипт/код) #2
Эта тема для поиска скриптов, CSS и HTML кодов.
Если нужный скрипт или код уже имеется на нашем форуме, мы с удовольствием поделимся ссылкой на соответствующую тему. 
Ну а если готового решения нет, мы готовы помочь в поиске в интернете или по мере сил и возможностей создать новый код, чтобы помочь вам.
Предыдущая часть темы: Ищу скрипт/код...
В рандомном порядке у вас получается примерно 50/50 - либо одна картинка, либо вторая, учитывая что всего их две.
их там 4, но это не меняет того факта, что у чувака изначально рандомный индекс слегка кривой в плане распределения
const results = {};
for(let i = 0; i < 1000000000; i++) {
const res = Math.round(Math.random()*3);
results[res] ||= 0
results[res] += 1
}
console.log(results) //{0: 166684062, 1: 333342882, 2: 333289842, 3: 166683214}
С реквест таймом почти изящно, но кажется он хочет чтобы картинка гарантировано менялась
<script type="text/javascript">
var phr = new Array()
phr.push("https://forumstatic.ru/files/001c/18/b8/93636.png?v=1");
phr.push("https://forumstatic.ru/files/001c/18/b8/16098.png?v=1");
phr.push("https://forumstatic.ru/files/001c/18/b8/93636.png?v=1");
phr.push("https://forumstatic.ru/files/001c/18/b8/16098.png?v=1");var lastIndex = localStorage.getItem('rotator_header_image_url_index');
var newIndex;
if (typeof lastIndex == "undefined") {
newIndex = Math.floor(Math.Random() * phr.length);
} else {
newIndex = (+lastIndex + Math.floor(Math.random() * ((phr.length < 2 ? 2 : phr.length) - 2)) + 1) % phr.length;
}
localStorage.setItem('rotator_header_image_url_index', newIndex);
document.write('<style>#pun-title table {background-image: url('+phr[newIndex]+'); background-repeat: no-repeat; width: 1400px; height: 550px; margin: -540px 0px 0px -216px;}</style>')
</script>
Отредактировано Emerael (28.03.24 17:38)
их там 4
4 то 4, только две из них дублируются, так что это всё равно что если бы их было бы две )
Я хотел было тоже в localStorage индекс записывать, только рассчитывать даже проще, типа:
var lastIndex = +(localStorage.getItem('rotatorLastIndex') || 0);
var newIndex = lastIndex == phr.length - 1 ? 0 : ++lastIndex;
localStorage.setItem('rotatorLastIndex', newIndex)Т.к. в любом случае, если картинок две, то гарантированная смена - это уже не рандом )
#p200705,Emerael написал(а):их там 4
4 то 4, только две из них дублируются, так что это всё равно что если бы их было бы две )
Я хотел было тоже в localStorage индекс записывать, только рассчитывать даже проще, типа:Код:var lastIndex = +(localStorage.getItem('rotatorLastIndex') || 0); var newIndex = lastIndex == phr.length - 1 ? 0 : ++lastIndex; localStorage.setItem('rotatorLastIndex', newIndex)
ну это ж вариант для показа по кругу, начиная с итема с индексом 1)
а если он хочет рандомную другую, то не прокатит)
на повторяемость я внимание не обратила хD
Отредактировано Emerael (28.03.24 17:50)
ну это ж вариант для показа по кругу, начиная с итема с индексом 1)
Так их же две всё равно )
В твоём варианте всё равно гарантированной смены на этом массиве не получится, ибо например после 3 следующей может выбраться 1, а это та же картинка )
Насчёт индекса 1 верное замечание, если надо с 0 - тогда вот так )
var lastIndex = +(localStorage.getItem('rotatorLastIndex') || -1);
#p200703,hoosier написал(а):я хочу чтобы они менялись при каждом обновлении страницы, а они меняются раз на третий
Чтобы при каждом, нужно как раз по кругу )
В рандомном порядке у вас получается примерно 50/50 - либо одна картинка, либо вторая, учитывая что всего их две.
Можно попробовать так:<!----------------------- ротатор ----------------------->
<script type="text/javascript">
var phr = new Array()
phr.push("https://forumstatic.ru/files/001c/18/b8/93636.png?v=1");
phr.push("https://forumstatic.ru/files/001c/18/b8/16098.png?v=1");
phr.push("https://forumstatic.ru/files/001c/18/b8/93636.png?v=1");
phr.push("https://forumstatic.ru/files/001c/18/b8/16098.png?v=1");document.write('<style>#pun-title table {background-image: url('+phr[RequestTime % phr.length]+'); background-repeat: no-repeat; width: 1400px; height: 550px; margin: -540px 0px 0px -216px;}</style>')
</script>
<!-----------------------конец ротатора----------------------->
благослави вас господь!!!
В твоём варианте всё равно гарантированной смены на этом массиве не получится, ибо например после 3 следующей может выбраться 1, а это та же картинка )
ОКЭЙ
<script type="text/javascript">
var phrOriginal = new Array()
phrOriginal.push("https://forumstatic.ru/files/001c/18/b8/93636.png?v=1");
phrOriginal.push("https://forumstatic.ru/files/001c/18/b8/16098.png?v=1");
phrOriginal.push("https://forumstatic.ru/files/001c/18/b8/93636.png?v=1");
phrOriginal.push("https://forumstatic.ru/files/001c/18/b8/16098.png?v=1");var phr = Array.from(new Set(phrOriginal))
var lastIndex = localStorage.getItem('rotator_header_image_url_index');
var newIndex;
if (typeof lastIndex == "undefined") {
newIndex = Math.floor(Math.Random() * phr.length);
} else {
newIndex = (+lastIndex + Math.floor(Math.random() * ((phr.length < 2 ? 2 : phr.length) - 2)) + 1) % phr.length;
}
localStorage.setItem('rotator_header_image_url_index', newIndex);
document.write('<style>#pun-title table {background-image: url('+phr[newIndex]+'); background-repeat: no-repeat; width: 1400px; height: 550px; margin: -540px 0px 0px -216px;}</style>')
</script>
Я вот такие пользую:
Рандом
<style>#КонтентРотатор p{display:none}</style>
<div id="КонтентРотатор"><!-- Ротатор произвольного контента -->
<p>Контент 1</p>
<p>Контент 2</p>
<p>Контент N</p>
</div>
<script type='text/javascript'>
function Rotator_cont(selek) {
var s = 360000; // Время отображения
var N=$(selek).length;
var i=Math.round(Math.random()*(N-1));Rotator(i);
function Rotator(i) {
$(selek).hide();$(selek).eq(i).show();i++;
if(i>N-1){i=0};
timerId01=setTimeout(function(){Rotator(i)},s);return;}
}Rotator_cont('#КонтентРотатор p')
</script>Последовательный
<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 language="javascript">
var sek = 2000; // Время отображения
var Nrout=$("#КонтентРотатор p").length;
var i=0;RotatorMycontent(i);
function RotatorMycontent(i) {
$("#КонтентРотатор p").hide();
$("#КонтентРотатор p").eq(i).show();
j=i+1;if(j>=Nrout){j=0};
timerID = setTimeout("RotatorMycontent(j)",sek);return;}
</script>бродяга
Эти со сменой по таймеру на текущей странице, а @hoosier нужен был со сменой при каждом открытии/обновлении )
Эти со сменой по таймеру на текущей странице, а @hoosier нужен был со сменой при каждом открытии/обновлении )
Ну если поставить 360000 секунд, то будет как раз при обновлении меняться. Правда, это касательно рандомного скрипта, как работает последовательный - я хз, скорее всего, там будет та же картинка.
бродяга
Он опять же условно-рандомный, с тем же минусом, на который указала @Emerael )
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Javascript, Jquery и CSS решения » Помогите найти! (Ищу скрипт/код) #2
