이미지 링크 질문 입니다..
본문
</style><script type="text/javascript">
var cnt = 0;
var imgs = [
[ "/img/banner5.png", 3 ], // 이미지 URL, 시간(초)
[ "/img/54solution.png" , 3 ],
// [ "/img/banner.png", 3 ],
// [ "/img/banner2.png", 3 ],
// [ "/img/banner3.png", 3 ]
];
function changeBanner(){
document.getElementById("banner").src = imgs[cnt][0];
setTimeout(function(){
cnt++;
if(cnt==imgs.length) cnt = 0;
changeBanner();
}, imgs[cnt][1]*1000);
}
window.onload = changeBanner;
</script><style type="text/css">
body,td,th {
color: #000;
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
}
body {
background-color: #FFF;
}
</style>
이렇게 코딩을 했는데....
3초마다 이미지가 변경됩니다...
이때 여기서 보여지는 이미지에 링크를 걸고 싶은데...어떻게 수정해야 하나요..??
도와주세요..!!
답변 1
<script type="text/javascript">
var cnt = 0;
var imgs = [
[ "/img/banner5.png", 3, "http://naver.com" ], // 이미지 URL, 시간(초)
[ "/img/54solution.png" , 3, "http://daum.net" ],
// [ "/img/banner.png", 3 ],
// [ "/img/banner2.png", 3 ],
// [ "/img/banner3.png", 3 ]
];
function changeBanner(){
document.getElementById("banner").src = imgs[cnt][0];
document.getElementById("banner_href").href = imgs[cnt][2];
setTimeout(function(){
cnt++;
if(cnt==imgs.length) cnt = 0;
changeBanner();
}, imgs[cnt][1]*1000);
}
window.onload = changeBanner;
</script>
<a href="" id="banner_href"><img src="" id="banner" /></a>
테스트 할 만한 데가 없네요.
