Рандомизировать элемент при обновлении страницы

Question

Кто-нибудь знает, как использовать jQuery для рандомизации (например, флэш-видео), когда пользователь заходит на страницу?я бы использовал http://plugins.jquery.com/project/random_element этот плагин?

Пожалуйста, помогите!

Answer 1

Хммм, я бы не стал использовать этот подход, потому что я думаю, что этот плагин требует наличия всех элементов на странице.Так что если у вас есть 10 флэш-видео для рандомизации, вам придется загружать их все на страницу, создавая потенциально большую страницу или (на самом деле) длительное время загрузки страницы.

Учитывая, что вы делаете это при загрузке страницыВы не могли бы просто выбрать случайный элемент в своем коде и отправить только одно флэш-видео на страницу?

Answer 2

Мне нравится ответ Шаттенбаума, он решает проблему случайного показа ребенка, но не решает проблему необходимости загружать ваши флеш-ролики вперед и замедлять страницу.Вот что я нашел полезным для загрузки / выгрузки флеш-файлов: http://jquery.thewikies.com/swfobject/examples.

Сначала вам нужно будет загрузить этот плагин swfobject, затем вы бы загрузили флэш-память, используя .flash () вместо .show ().

Например:

function getRandomElement() {
  var amount = $('body').children().length;
  var randomNumber = Math.floor(Math.random()*amount);
  return $('body').children().get(randomNumber);
}

...

 var random = getRandomElement();
 random.flash({swf: 'flash_file.swf',height: 100,width: 100});

В зависимости от того, что вы делаете, вам также может понадобиться скрыть или выгрузить фильм стаймер, как только он будет завершен.

Answer 3

Вы можете попробовать это с помощью функции детей jquery.

Пример:

function getRandomElement() {
      var amount = $('body').children().length;
      var randomNumber = Math.floor(Math.random()*amount);
      return $('body').children().get(randomNumber);
}

ОБНОВЛЕНИЕ

Я не знаю, еслиЯ вас правильно понимаю.но когда вы хотите показать случайный элемент, сделайте это так:

var random = getRandomElement();
random.show();