이미지배열생성 및 링크걸기

Javascript

이미지배열생성 및 링크걸기

포샵질 2017. 2. 1. 13:10

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title> new document </title>

</head>

var imgsurl = new Array(); // 링크될 url 배열로 생성

var Target = new Array(); // 타겟 형태 배열로 생성

var count = 1; // <-최초 보일 베너이미지 1.첫번째이미지 2.두번째이미지 3.세번째이미지

var img1 = new Image(); // 이미지 객체 생성

img1.src = 'http://static.naver.net/newscast/2012/0417/180841830710852.gif';

imgsurl[1] = 'http://www.naver.com';

Target[1] = '_self';

var img2 = new Image(); // 이미지 객체 생성

img2.src = 'http://thumb.opencast.naver.net/opencast01/r/e/remonterrace/20120406/13051383152272.jpg?type=f10060';

imgsurl[2] = 'http://www.google.com';

Target[2] = '_new';

var img3 = new Image(); // 이미지 객체 생성

img3.src = 'http://static.naver.net/www/u/2011/0325/nmms_185840555_c.jpg';

imgsurl[3] = 'http://www.daum.net';

Target[3] = '_new';

var maxLoops = 3; // 최대 베너 3개 셋팅

function startVisual() {

document.getElementById("id_banner").filters.blendTrans.apply(); // id_banner의 필터 밝기 속성 적용

document.getElementById("id_banner").src = eval('img'+count+'.src'); // id_banner의 이미지 URL 적용 (최초 이미지 url)

hot_url = imgsurl[count]; // 최초 보일 배너의 링크 ulr

TargetStr = Target[count]; //최초 보일 베너의 타겟

if(hot_url != '#'){ // url이 있으면 아래 실행

document.getElementById("id_banner").style.cursor = 'hand'; // id_banner의 손바닥 표시

}else{

document.getElementById("id_banner").style.cursor = ''; // 링크가 없으면 손바닥 표시 안나게

}

document.getElementById("id_banner").filters.blendTrans.play();

if (count < maxLoops) { // 2번째 배너가 될때

count++; // 3번째 배너 적용

} else {

count = 1; // 3번째 배너가 이면 다시 첫번째 배너로 설정

}

setTimeout('startVisual()', 4000); // 4초 되면 startVisual() 실행

}

function go_url() {

if(TargetStr == '_new' && hot_url != '#'){ // 링크가 있고 타겟이 _new이면 아래 실행

window.open(hot_url,'Banner','toolbar=yes,location=yes,directories=yes,status=yes,menubar=yes,scrollbars=yes,resizable=yes'); //새창으로 이동

}else if(TargetStr == '_self' && hot_url != '#' ){ // 링크가 있고 타겟이 _self이면 아래 실행

location.href=hot_url; // 자기자신 페이지로 이동

}

</script>

<body>

</div>

</body>

</html>