Доброго времени суток, прошу помощи в улучшении своего форума . В разделе "объявление" требуется рандомное изменение порядка картинок, которые с ссылками на определенный адрес.
Может есть готовое решение у кого-нибудь?
картинка1
картинка2
При обновлении картинки меняются местами в рандомном порядке.
Рандомное изменение порядка картинок
Сообщений 1 страница 4 из 4
Поделиться1Чт, 26 Ноя 2020 18:55:32
Поделиться2Чт, 26 Ноя 2020 22:54:40
ри обновлении картинки меняются местами в рандомном порядке.
Ccылку на пример со статически стоящими картинками...
Поделиться3Пт, 27 Ноя 2020 09:52:22
IN555 написал(а):ри обновлении картинки меняются местами в рандомном порядке.
Ccылку на пример со статически стоящими картинками...
Доброе утро! Просто 2 картинки кликабельные.
http://club-teana.com/
Поделиться4Пт, 27 Ноя 2020 15:33:57
IN555
Пробуйте в объявление вставить такой код:
<script>
(function (){
var массив_баннеров = [ //["Ссылка на картинку", "ссылка перехода"]
["https://forumstatic.ru/files/0006/40/1f/95049.jpg","http://jni-motors.ru"],
["https://forumstatic.ru/files/0006/40/1f/13246.png","http://club-teana.com/viewtopic.php?id=4180#p109435"],
["https://forumstatic.ru/files/0006/40/1f/95049.jpg","http://jni-motors.ru"],
["https://forumstatic.ru/files/0006/40/1f/13246.png","http://club-teana.com/viewtopic.php?id=4180#p109435"],
["https://forumstatic.ru/files/0006/40/1f/95049.jpg","http://jni-motors.ru"] //Последний элемент без запятой
];
function indRand(a){
var out=[],n=a.length; a=a.slice(0);
while (n--){out.push(a.splice(Math.floor((n+1)*Math.random()),1)[0]);}
return out;
}
var шаблон = '<center><a href="#1#" target="_blank"><img src="#0#"></a></center>';
var a = indRand(массив_баннеров)
var HTML = шаблон.replace('#0#',a[0][0]).replace('#1#',a[0][1]);
HTML+= шаблон.replace('#0#',a[1][0]).replace('#1#',a[1][1]);
$('#pun-announcemen .html-box').prepend(HTML);}());
</script>
Красное меняем на своё
Отредактировано Deff (Пт, 27 Ноя 2020 15:54:45)