임의의 본문 배경 이미지

웹에서 여러 자습서를 시도했지만 아무 것도 올바르게 작동하지 않는 것 같습니다. 내가 뭘하려고하는지 아주 간단하다. :임의의 본문 배경 이미지

페이지로드시 무작위로 표시해야하는 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+'")')); 

});

출처

2012-01-11 asirgado

사용하려고 시도한 일부 코드를 게시하면 사람들에게 대신 작성하도록 요청하는 것이 아니라 일반적으로 사용하는 것이 좋습니다. –

사실, 죄송합니다 ... 코드 첨부를 잊어 버렸습니다. – asirgado

네, 어떻게 할 것인가에 관해서 당신이 사용하고있는 언어에 달려 있습니다. – Paul

체크 아웃이 튜토리얼 : 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)] + ')'});

아무 문제가 없습니다. jQuery를 사용하여

출처

2012-01-11 22:36:19

내 기능은 무엇이라고해야합니까? 자바 스크립트에 익숙하지 않았습니다. 감사합니다. – asirgado

jQuery $ (document) .ready (function() {} 태그 안에 넣기 만하면됩니다. –

예! 작동합니다! jQuery에 대한 스크립트 링크에 문제가있었습니다. – asirgado

: 이미지가 8.jpg까지 0.jpg 이름 및 페이지와 같은 디렉토리에있는 것을 $("body").css("background-image", "url(" + Math.floor(Math.random()*9) + ".jpg)");

이 가정 한 것입니다.

출처

2012-01-11 22:37:07 ChrisiPK

임의의 본문 배경 이미지

답변

관련 문제