배경화면이 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개 / 댓글 1개
채택된 답변
+20 포인트
2020-06-26 (금) 18:57:44
아래 같은 느낌으로 하시면 될 것 같습니다.
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);
});
<div id="mainbgs"></div>
<span id="span"></span>답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.