Случайный вывод блока на странице
Здравствуйте,
Помогите сделать скрипт случайного вывода элемента на странице.
Суть такая, что справа есть красивый блок с картинкой. Нужно сделать так, чтобы каждый раз когда пользователь перезагружал страницу, этот блок обновлялся новым (другим). Сам код блока такой:
<div class="image-border"> <img src="https://mycoolexample.com/2015/10/flower-example-5.jpg"> <div class="post-info"> <h3 class="post-title">Ветка вишни</h3> <p><span class="meta">Май 11, 2015</span></p> </div> </div>
Следующий блог естественно такой:
<div class="image-border"> <img src="https://mycoolexample.com/2015/10/flower-example-4.jpg"> <div class="post-info"> <h3 class="post-title">Ветка сакуры</h3> <p><span class="meta">Май 12, 2015</span></p> </div> </div>
Подскажите срипт, в который их можно вставить, чтобы они показывались в рандомном порядке на сайте. Нахожу в основном срипты для картинок, а для сложных жлементов их нет.
Благодарю за помощь.
Хотелось бы что-нибудь такого типа:
var myLogos = new Array(
'http://zodiak.ru/01.jpg',
'http://zodiak.ru/02.jpg',
);
var Idx = Math.floor(Math.random() * myLogos.length);
document.write('');
Но у меня сложные элементы и этот срипт не работает.
Вы вручную хотите "забить" пути к картинкам (+описание к ним и мету) в код скрипта? Или будете брать эти данные из какой-то таблицы в БД?