배너 랜덤노출 질문입니다 채택완료
<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개
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
$('#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;
});
답변에 대한 댓글 1개
<script>
$('#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;
});
</script>
이렇게 넣었는데 서로 바뀌지않아요;;
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인