Задать вопрос
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
javascript

Как реализовать рандомное появление блоков в сетке?

В сетке есть блоки вида <div class="portfolio__item"></div>.
Как сделать, чтобы они появлялись рандомно всегда.
После загрузки страницы, сначала 5,3,7,1,2,9 и так далее.
При следующем обновлении другой порядок (любой).
У меня чет дичь какая-то получается :)))
var randomPortfolioInterval = Math.round(Math.random() * (1000 - 500)) + 500;
setTimeout(function(){
  $('.portfolio__item').removeClass('hidden').addClass('animated fadeIn');
}, randomPortfolioInterval);
  • Вопрос задан
  • 1340 просмотров
7 комментариев
Подписаться 1 Простой 7 комментариев
Решения вопроса 1
webirus
@webirus Автор вопроса
Тыжверстальщик! Наверстай мне упущенное...
Годится.
$.fn.shuffle = function() {
      var m = this.length, t, i;
      while (m) {
        i = Math.floor(Math.random() * m--);
        t = this[m];
        this[m] = this[i];
        this[i] = t;
      }
      return this;
    };
    $('.portfolio__item').shuffle().each(function(n) {
      $(this).delay(n*900).fadeTo(1500, 1);
    });
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработать и интегрировать модуль на WordPress
26 апр. 2024, в 19:53
5000 руб./за проект
Разработать Telegram mini app
15 апр. 2024, в 22:14
30000 руб./за проект
Сделать тг бота для сбора 4 данных в эксель + проверка на подписку
26 апр. 2024, в 19:17
1000 руб./за проект
Ещё заказы