Jquery Slideshow загрузить случайный случайный порядок изображений - PullRequest
Новая
       5

Jquery Slideshow загрузить случайный случайный порядок изображений

0 голосов
/ 20 мая 2011

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

<script type="text/javascript">

$(function(){
    $('.fadein img:gt(0)').hide();
setInterval(function(){
  $('.fadein :first-child').fadeOut(3000)
     .next('img').fadeIn(3000)
     .end().appendTo('.fadein');}, 
  3000);
});
</script>

Теперь я хочу сделать их рандомизированными.Поскольку это слайд-шоу находится в заголовке моей страницы, каждый раз, когда пользователь переходит на другую страницу, слайд-шоу начинается снова с начала.

Я хочу сделать так, чтобы изображения отображались в случайном порядке.*

Любая помощь будет отличной!

Ответы [ 2 ]

0 голосов
/ 20 мая 2011

Плагин jQuery, который я обнаружил на http://yelotofu.com/labs/jquery/snippets/shuffle/jquery.shuffle.js, может сработать.Тасует все выбранные элементы.Здесь также есть демонстрационная версия: http://yelotofu.com/labs/jquery/snippets/shuffle/demo.html.

Использование похоже на $('#imagediv').shuffle();

0 голосов
/ 20 мая 2011

попробуйте с этой логикой 

<body onload="document.body.background = '/images/img'+Math.floor(Math.random()*4)+'.jpg';" />

или попробуйте с этой функцией 

$.fn.randomImage = function (){
var $imageNumber = 8, 
// Set the amount of images in the Sprite
$height = $('> div', this).innerHeight(),
$random_num = Math.random() * $imageNumber - 1,
$multiple = Math.round($random_num),
$random = $height * $multiple
jQuery('.image').css( 
{'background-position' : '0px -' + $random + 'px',  'display' : 'block' } 
)};

и затем 

jQuery('#image-container').randomImage();

Ссылка

случайные изображения
другое

...