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
아래 같은 느낌으로 하시면 될 것 같습니다.
$(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>
답변을 작성하시기 전에 로그인 해주세요.