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

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

В сетке есть блоки вида <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);
  • Вопрос задан
  • 51 просмотр
Решения вопроса 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);
    });
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы