2026, 새로운 도약을 시작합니다.

1jpg == 1 일때 문자 출력하는법 채택완료

배경화면이 1.jpg~13.jpg까지 있고, 새로고침하면 랜덤출력이 됩니다.

그 위에 해당 화면이 몇번째 사진인지 숫자로도 표시를 하고 싶습니다. 

배경이 1.jpg이면 출력되는 문자가 1/13, 2.jpg일때 2/13 이런식으로 나타나게 하려면 

$(document).ready(function(){
    var numberOfImages=13;
    var imageNum = Math.round(Math.random()*(numberOfImages-1))+1;
    var imgPath=('/theme/basic/img1/'+imageNum+'.jpg');
    $('#mainbgs').css('background-image', ('url("'+imgPath+'")'));
});

<div id="mainbgs"></div>
<span>1/13</span>

위 스크립트에서 어떻게 추가를 해야할까요? 

답변 1개

채택된 답변
+20 포인트

아래 같은 느낌으로 하시면 될 것 같습니다.

Copy


$(document).ready(function(){

    var numberOfImages=13;

    var imageNum = Math.round(Math.random()*(numberOfImages-1))+1;

    var imgPath=('/theme/basic/img1/'+imageNum+'.jpg');

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

    $('#span').text(imageNum+"/"+numberOfImages);



});

 

 





로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

우왓 생각보다 간단했네요!! 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고