<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개 / 댓글 2개
채택된 답변
+20 포인트
2018-12-23 (일) 15:46:32
답변에 대한 댓글 1개
2018-12-23 (일) 16:11:11
$('#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개
2018-12-23 (일) 17:26:46
안녕하세요 본문 바로위에
<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>
이렇게 넣었는데 서로 바뀌지않아요;;
<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>
이렇게 넣었는데 서로 바뀌지않아요;;
답변을 작성하려면 로그인이 필요합니다.