Случайное тело фоновое изображение - PullRequest
Новая
       39

Случайное тело фоновое изображение

6 голосов
/ 12 января 2012

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

У меня есть 9 различных изображений .jpg, которые мне нужно случайным образом отображать при загрузке страницы - чтобы они были фоновыми.Это должно быть довольно просто, верно?

Спасибо,

РЕДАКТИРОВАТЬ (Извините, забыл прикрепить код - найден в Интернете): 

$(document).ready(function(){

    bgImageTotal=9;

    randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1;

    imgPath=('../img/bg/'+randomNumber+'.jpg');

    $('body').css('background-image', ('url("'+imgPath+'")'));

});

Ответы [ 2 ]

22 голосов
/ 12 января 2012

Ознакомьтесь с этим уроком: http://briancray.com/2009/12/28/simple-image-randomizer-jquery/

Сначала создайте массив изображений: 

var images = ['image1.jpg', 'image2.jpg', 'image3.jpg', 'image4.jpg', 'image5.jpg'];

Затем установите случайное изображение в качестве фонового изображения: 

$('body').css({'background-image': 'url(images/' + images[Math.floor(Math.random() *      images.length)] + ')'});

Это должно работать без проблем.

0 голосов
/ 12 января 2012

с использованием jQuery: $("body").css("background-image", "url(" + Math.floor(Math.random()*9) + ".jpg)");

Предполагается, что ваши изображения называются от 0.jpg до 8.jpg и находятся в том же каталоге, что и ваша страница.

...