Здравствуйте. У меня есть скрипт, который анимирует смену текста:
<script type="text/javascript">
$(function() {
var list = ['"Всякий путь, если только он ведет к нашим мечтам, есть путь магический." \n(Пауло Коэльо. Дневник мага)', '"Настоящая магия творится у людей в головах."\n(Терри Пратчетт)'
];
по всей видимости такого функционала нет. Смотри метод next
Для того чтобы сделать это случайным,
1. генерируй случайное число, соответствующее длине массива,
2. бери случайную запись,
3. останавливай текстуалайзер,
4. подсовывай ему новый массив из одного элемента (выбранная запись)
5. запускай текстуалайзер заново
по всей видимости такого функционала нет. Смотри метод next
Для того чтобы сделать это случайным,
1. генерируй случайное число, соответствующее длине массива,
2. бери случайную запись,
3. останавливай текстуалайзер,
4. подсовывай ему новый массив из одного элемента (выбранная запись)
5. запускай текстуалайзер заново
Не проверял, но должно работать
Я сделал вот так:
<script type="text/javascript">
let popUpWindow = document.querySelector('#txtlzr');
$(function() {
let list = [
'— Как тебя понимать?— Понимать меня необязательно. Обязательно любить и кормить вовремя.',
'Всякий путь, если только он ведет к нашим мечтам, есть путь магический." \n(Пауло Коэльо. Дневник мага)',
'Сначала казнь! Потом приговор!',
'План, что и говорить, был превосходный: простой и ясный, лучше не придумать. Недостаток у него был только один: было совершенно неизвестно, как привести его в исполнение.',
'Есть одно только благо — знание и одно только зло — невежество. Сократ',
'Настоящая магия творится у людей в головах."\n(Терри Пратчетт)'
];
const showQuote = (el, txt) => {
el.innerText = txt[Math.floor(Math.random() * txt.length)];
el.style.left = Math.floor(Math.random() * (document.documentElement.clientWidth - el.offsetWidth)) + 'px';
el.style.top = Math.floor(Math.random() * (document.documentElement.clientHeight - el.offsetHeight)) + 'px';
}
showQuote(popUpWindow, list);
var txt = $('#txtlzr');
txt.textualizer(list, {
centered: true
});
txt.textualizer('start');
})
</script>
Но я где-то что-то напутал когда объединил оба скрипта.
Появление в рандомных местах (пока что только после обновления окна) работает, а вот появление цитат рандомным образом не работает, хотя должно.
Возможно, я где-то тут совершил ошибку: