자바스크립트 질문드립니다. 채택완료
랜덤배너를 구현하고 있는중입니다.
현재 코드는 랜덤배너가 하나만 랜덤으로 나오는데.
제가구현할려고 하는거는 한꺼번에 이미지들이 다나오고
거기서 랜덤으로 보이게 구현할려고 합니다..
어떻게 하면 될까요?
현재 코드는 아래와 같습니다. 어떻게 수정하면될까요?
$(document).ready(function() {
function random_imglink(){
var myimages=new Array()
/* 각각의 이미지 경로 지정 */
myimages[1]="img/1.jpg"
myimages[2]="img/2.jpg"
myimages[3]="img/3.jpg"
/* 각각의 이미지 링크 지정 */
var imagelinks=new Array()
imagelinks[1]="링크 경로"
imagelinks[2]="링크 경로"
imagelinks[3]="링크 경로"
var ry=Math.floor(Math.random()*myimages.length)
if (ry==0)
ry=1
document.write('')
}
random_imglink()
});
답변 2개
검색으로 찾은 정보인데, https://stackoverflow.com/a/15667651" target="_blank">https://stackoverflow.com/a/15667651
참고가 되셨으면 합니다.
예제 코드
</p>
<p><script>
$(document).ready(function() {
$('img.img_lg').shuffle();
});</p>
<p>jQuery.fn.shuffle = function () {
var j;
for (var i = 0; i < this.length; i++) {
j = Math.floor(Math.random() * this.length);
$(this[i]).before($(this[j]));
}
return this;
};</p>
<p></script></p>
<p><div id="tout4">
<img src="images/gallery01.jpg" class="img_lg"/>
<img src="images/gallery02.jpg" class="img_lg"/>
<img src="images/gallery03.jpg" class="img_lg"/>
</div></p>
<p>
그리고 다음 코드는 문서가 모드 로드된 뒤 실행되는 코드 영역의 의미를 가지고 있습니다.
$(document).ready(function() {
//...
});
그래서 별도의 사용자 함수를 만들고, 해당 사용자 함수를 호출한다면,
사용자 함수는
$(document).ready(function() { }); 영역 밖에 정의하고,
호출만 그 안에 해주는 것이 적절합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
var ry=Math.floor(Math.random()*myimages.length);
//if (ry==0)
// ry=1
ry = ry+1;
이렇게 해주시면 될꺼 같아요. 지금 최대값이 2까지만 나오니..
아 제가 질문을 잘못봤네요.
한번에 이미지가 다나오고 거기서 랜덤으로 보인다는 말 뜻을 잘 모르겠네요.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인