웹마스터 팁

  2. Support
  3. 웹마스터 팁

▩그림 슬라이드 되고, 마우스 대면 그림 멈추는 스크립트

2002.02.26 18:58

▩윤미

=================================================================
예제보기 http://my.dreamwiz.com/dong0987/study17.htm  
=================================================================
=================================================================
<body> 와 < /body> 사이에 넣어주세요.
=================================================================
<script language="JavaScript1.2">
<!--

/*
Conveyor belt slideshow script-
?Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com
*/


//Specify the slider's width (in pixels)
var sliderwidth=330
//Specify the slider's height (in pixels, pertains only to NS)
var sliderheight=145
//Specify the slider's scroll speed (larger is faster)
var slidespeed=4

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="#"><img src="http://dong0987.nayes.net/study/images/moon1.jpg" width="94" height="101" border=0></a>'
leftrightslide[1]='<a href="#"><img src="http://dong0987.nayes.net/study/images/moon.jpg" width="94" height="101" border=0></a>'
leftrightslide[2]='<a href="#"><img src="http://dong0987.nayes.net/study/images/basara13.jpg" width="94" height="101" border=0></a>'
leftrightslide[3]='<a href="#"><img src="http://dong0987.nayes.net/study/images/basara2.jpg" width="94" height="101" border=0></a>'
leftrightslide[4]='<a href="#"><img src="http://my.dreamwiz.com/dong0987/images/basara21-1.jpg"width="94" height="101" border=0></a>'

///////do NOT edit pass this line////////////////////////////////////

var copyspeed=slidespeed
//copy contents of leftrightslide into one variable
for (i=0;i<leftrightslide.length;i++)
finalslide=finalslide+leftrightslide[i]+"  "


if (document.all){
//dynamically write out the marquee tag
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')
//stop marquee when mouse is over it
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")
//re-enable marquee when mouse is out
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")
}

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
document.ns_slider01.visibility="show"
setTimeout("window.onresize=regenerate",450)
intializeleftrightslide()
}
if (document.all)
ieslider.scrollAmount=slidespeed
}

//NS specific function for initializing slider upon page load
function intializeleftrightslide(){
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')
document. ns_slider01.document.ns_slider02.document.close()
thelength=document.ns_slider01.document.ns_slider02.document.width
scrollslide()
}

//NS specific function for sliding slideshow
function scrollslide(){
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){
document.ns_slider01.document.ns_slider02.left-=slidespeed
setTimeout("scrollslide()",100)
}
else{
document.ns_slider01.document.ns_slider02.left=sliderwidth
scrollslide()
}
}
window.onload=regenerate2

//-->
</script>
  

</font><font color="#000000"><ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>  
  
<!--~============ LAYER ============~-->  
  
</font><layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed" id="layer1" left="50" top="50" width="200" height="200" z-index="1">
    <p> </p>
  
</layer>  
<p><!--~========== END LAYER ==========~-->  
  
</ilayer>  

<div ALIGN="right">  

 </div>    
    
</body>    

===================================================================

바꾸는 부분
그림 파일
http://dong0987.nayes.net/study/images/moon1.jpg --> 요런거 바꾸면 됩니다.

보시면 아시리라고 당연히 믿습니다. (아멘!)

이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
▩시작 정지가 가능한 테이블 스크롤 메시지 ▩윤미 2002.02.27
▩휠마우스처럼 사용하기.. [6] ▩윤미 2002.02.26
▩두문장을 blur효과주며 보여주기 [3] ▩윤미 2002.02.26
▩자바스크립, 계산기 소스 (기본) [2] ▩윤미 2002.02.26
▩문서선택 &소스선택을 위한 셀렉트 스크립트 ▩윤미 2002.02.26
▩그림 슬라이드 되고, 마우스 대면 그림 멈추는 스크립트 [1] ▩윤미 2002.02.26
▩찾기 기능을 내 홈페이지에 넣어보자 [1] ▩윤미 2002.02.26
▩셀블렌딩( 테이블 색 서서히 변화주기효과) ▩윤미 2002.02.26
▩화면에 무자기로 뜨게하는 물방울 (다른 모양가능) ▩윤미 2002.02.26
▩키보드글씨가 그대로 화면에 나타나는 스크립트 [5] ▩윤미 2002.02.26
[JavaScript] 랜덤 추천 사이트 링크버튼 만들기 (추천) [4] SM 2002.02.25
[JavaScript] 매일 매일 다른 메세지를 보여줍니다 [1] SM 2002.02.25
[JavaScript] 시간대별로 각각 다른 인삿말을 합니다 SM 2002.02.25
[JavaScript] 입력필드에 마우스를 클릭하면 초기문자열이 사라집니다 [2] SM 2002.02.25
스크롤배너 + 마우스 이벤트 - 초이스 응용 버젼임당...^^* file choice 2002.02.25
▩(JAVA)랜덤으로 이미지 출력 되기 [1] ▩윤미 2002.02.24
[JavaScript] 문서 새로고침 버튼(링크) 만들기 [11] SM 2002.02.24
[JavaScript] 마우스를 대기만 하면 팝업창을 엽니다 SM 2002.02.24
[JavaScript] 마우스를 대기만 해도 다른 사이트로 이동합니다 [3] SM 2002.02.24
[JavaScript] 시간대별로 각기 다른 배경 이미지를 보여주는 스크립트 [1] SM 2002.02.24
태그 쓰기