묻고답하기
배너가 서서히 바뀌는 자바스크립 질문요ㅜㅜ
2006.05.16 21:34
http://www.godpeople.com/
이쪽에 들어가보시면 위쪽 가운데
배너가 서서히 자연스럽게 바뀌고 해당배너를 클릭하면 그쪽으로 넘어가게 되있는데요
그림 5개를 지정해서 스크립트로 처리한것 같기도 하네요;;
이 자바스크립 소스가 어디있는지 아시는분은 좀 알려주세요 ㅜㅜ
이쪽에 들어가보시면 위쪽 가운데
배너가 서서히 자연스럽게 바뀌고 해당배너를 클릭하면 그쪽으로 넘어가게 되있는데요
그림 5개를 지정해서 스크립트로 처리한것 같기도 하네요;;
이 자바스크립 소스가 어디있는지 아시는분은 좀 알려주세요 ㅜㅜ
<script language="JavaScript">
<!--
var image1=new Image()
image1.src="/image/img/1.gif" ......베너이미지가 위치할 주소.
var image2=new Image() .......이 구문을 사용하시면 얼마든지 이미지 갯수를
image2.src="/image/img/2.gif" 늘릴수 있습니다.
var image3=new Image()
image3.src="/image/img/3.gif"
var image4=new Image()
image4.src="/image/img/4.gif"
var image5=new Image()
image5.src="/image/img/5.gif"
//-->
</script>
----> 소스 끝
위 소스를 <head>와 </head> 사이에 넣어 주세요.
<body onload="slideit();"> 바디에 삽입하시고,
베너그림이 위치할 테이블이나 레이어에 다음 소스를 넣어 줍니다.
배워봅시다는 배너에 마우스를 올렸을때 하단 링크되어질 부분에 표시되는 글자입니다. 적당히 넣어주세요.
<img src= " x/x/....이부분은 첫번째의 배너 이미지주소입니다.
a href="javascript:slidelink()" onmouseover="window.status='배워봅시다.';return true"
onmouseout="window.status=''"><img src="image/img/1.gif" border="0" style="filter:blendTrans(duration=3)"
name="slide"> </a><a href="javascript:slidelink()" onmouseover="window.status='배워봅시다.;return true"
onmouseout="window.status=''+ '+ '">
<script language="JavaScript">
<!--
////change number of images below
<b>var number_of_images=5</b> ..........여기에서 5는 총 배너이미지의 갯수입니다.
//change speed below (in seconds)
var speed=2 ........이미지가 머무르는 시간
var step=2 ........2번째 배너그림부터 시작함. 알아서 바꿈.
var whichimage=2
function slideit(){
if (!document.images)
return
if (document.all)
slide.filters.blendTrans.apply()
document.images.slide.src=eval("image"+step+".src")
if (document.all)
slide.filters.blendTrans.play()
whichimage=step
if (step<number_of_images)
step++
else
step=1
if (document.all)
setTimeout("slideit()",speed*1000+3000)
else
setTimeout("slideit()",speed*1000)
}
function slidelink(){
if (whichimage==1)
window.location="#" .......이부분에서 #표시는 링크를 걸어주는 부분입니다.
else if (whichimage==2) 배너갯수에 따라 반복적으로 구문을 삽입하고 그에 따라
window.location="http://www.xxx.cc.co.kr" 위 이미지 갯수도 늘리시고요.
else if (whichimage==3)
window.location="#"
else if (whichimage==4)
window.location="#"
else if (whichimage==5)
window.location="#"
}
//-->
</script>
잘 안되면 쪽지 주세요.