배너 랜덤노출 질문입니다
본문
<style>
#bn {
max-width:500px;
margin:0 auto;
text-align:center;
}
#bn img {
width:98%;
height:auto;
padding-bottom:3%;
}
#bn img:last-child {
padding-bottom:0%;
}
</style>
<div id="bn">
<img src="A.jpg">
<img src="B.jpg">
</div>
위의 소스로 배너를 노출하고있는데요
제가 원하는 랜덤방식이 A.jpg 배너가 항상 위가 아니라
랜덤의 확률로 B.jpg 배너와 자리를 바깟으면 좋겠어요
랜덤의 확률로 A배너와 B배너가 자리가 바뀌게 하려면
어떤소스를 넣어야할까요?
답변 2
$('#bn img').each( function() {
var i = Math.floor(Math.random() * $('#bn img').size());
var tmp = $('#bn img').eq(i).attr('src');
$('#bn img').eq(i).attr('src', this.src);
this.src = tmp;
});
답변을 작성하시기 전에 로그인 해주세요.