html 잘아시는분 도움좀 주세요 ㅠ
- [경]바라봄
- 1160
- 1
<script type="text/javascript">
function randomImg(){
var url = "http://adellia.co.kr/m/icon/";
var fileName = [ "icon_1.gif", "icon_2.gif", "icon_3.gif", "icon_4.gif", "icon_5.gif", "icon_6.gif", "icon_7.gif", "icon_8.gif", "main-icon_1.gif", "main-icon_2.gif", "main-icon_4.gif", "main-icon_5.gif" ];
var img = document.getElementById("i_table").getElementsByTagName("img");
for(var i=0; i<img.length; i++){
var n = Math.floor(Math.random()*fileName.length);
img[i].src = url + fileName[n];
fileName.splice(n,1);
}
}
window.onload = randomImg;
</script>
랜덤으로 이미지를 돌릴려고 하고있습니다.
이미지는 랜덤으로 돌아가는데
주소 링크시키는 방법을 모르겠네요.
각각의 이미지별 주소링크는 어디에 삽입해야하나요?
도와주세요~~
function randomImg(){
var url = "http://adellia.co.kr/m/icon/";
var fileName = [ "icon_1.gif", "icon_2.gif", "icon_3.gif", "icon_4.gif", "icon_5.gif", "icon_6.gif", "icon_7.gif", "icon_8.gif", "main-icon_1.gif", "main-icon_2.gif", "main-icon_4.gif", "main-icon_5.gif" ];
var img = document.getElementById("i_table").getElementsByTagName("img");
for(var i=0; i<img.length; i++){
var n = Math.floor(Math.random()*fileName.length);
img[i].src = url + fileName[n];
fileName.splice(n,1);
}
}
window.onload = randomImg;
</script>
랜덤으로 이미지를 돌릴려고 하고있습니다.
이미지는 랜덤으로 돌아가는데
주소 링크시키는 방법을 모르겠네요.
각각의 이미지별 주소링크는 어디에 삽입해야하나요?
도와주세요~~
도움이 될려나 모르겠는데...기존 소스에서.간단히 링크만 시켰습니다..
참고만 하세요..
<html>
<script type="text/javascript">
function randomImg(){
var url = "http://adellia.co.kr/m/icon/";
var fileName = [ "icon_1.gif", "icon_2.gif", "icon_3.gif", "icon_4.gif", "icon_5.gif", "icon_6.gif", "icon_7.gif", "icon_8.gif", "main-icon_1.gif", "main-icon_2.gif", "main-icon_4.gif", "main-icon_5.gif" ];
var name_link = [ "http://adellia.co.kr/m/icon/icon_1.gif", "http://adellia.co.kr/m/icon/icon_2.gif", "http://adellia.co.kr/m/icon/icon_3.gif", "http://adellia.co.kr/m/icon/icon_4.gif", "http://adellia.co.kr/m/icon/icon_5.gif", "http://adellia.co.kr/m/icon/icon_6.gif", "http://adellia.co.kr/m/icon/icon_7.gif", "ihttp://adellia.co.kr/m/icon/con_8.gif", "http://adellia.co.kr/m/icon/main-icon_1.gif", "http://adellia.co.kr/m/icon/main-icon_2.gif", "http://adellia.co.kr/m/icon/main-icon_4.gif", "http://adellia.co.kr/m/icon/main-icon_5.gif" ];
var img = document.getElementById("i_table").getElementsByTagName("img");
var lnk = document.getElementById("i_table").getElementsByTagName("a");
for(var i=0; i<img.length; i++){
var n = Math.floor(Math.random()*fileName.length);
img[i].src = url + fileName[n];
lnk[i].href = name_link[n];
fileName.splice(n,1);
}
}
window.onload = randomImg;
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<div id='i_table'><a href='' target='_blank'><img src=''></a></div>
<body>
</body>
</html>