묻고답하기
서서히 이동해가는 이미지를 만들고 싶어요...
2003.02.08 12:45
저겨, 인트로 화면에 이런걸 만들고 싶거든요.
화면 중간에 영화필름이 있고, 그 필름모양 사이에 사진들이 오른쪽에서 왼쪽으로 서서히 이동해가는 그런거요.
말재주가 없어서 설명을 잘 못하겠네요.
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
ㅣ ㅣ
ㅣ ㅣ
ㅣ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅣ
ㅣ ㅣ
ㅣ ㅣ
ㅣ ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ ㅣ
ㅣ ㅣ
ㅣ ㅣ
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
허걱, 암튼 저런 식으로 화면 중간에 영화필름 모양이 있고 그 사이에 사진들이 서서히 이동하는 그런거
어떻게 만드나요?
질문이 허접해서 죄송합니다!!!
화면 중간에 영화필름이 있고, 그 필름모양 사이에 사진들이 오른쪽에서 왼쪽으로 서서히 이동해가는 그런거요.
말재주가 없어서 설명을 잘 못하겠네요.
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
ㅣ ㅣ
ㅣ ㅣ
ㅣ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅣ
ㅣ ㅣ
ㅣ ㅣ
ㅣ ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ ㅣ
ㅣ ㅣ
ㅣ ㅣ
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
허걱, 암튼 저런 식으로 화면 중간에 영화필름 모양이 있고 그 사이에 사진들이 서서히 이동하는 그런거
어떻게 만드나요?
질문이 허접해서 죄송합니다!!!
댓글 4
-
시골청소년
2003.02.08 13:05
-
최경준
2003.02.08 13:22
태그보다는 플래시를 사용하시길 권장합니다. 답변이 부실해서 죄송합니다; -
최경준
2003.02.08 13:29
소스입니다... 이건 태그를 이용한 거라서 좀 부자연스럽습니다.
또 처음이미지와 마지막 이미지의 연결이 부자연스럽다는 치명적인 단점도 있습니다.
출처는 '모든컬알켜주마 HTML&JAVASCRIPT - 별책부록' 입니다.
<html>
<head>
<title>이미지 슬라이드</title>
<script language="JavaScript">
<!--
var sliderwidth=600 // 슬라이드의 너비를 지정합니다.
var sliderheight=85 // 슬라이드의 높이를 지정합니다.
var slidespeed=5 // 스크롤 속도를 지정합니다.
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="#"><img src="slideimg_01.jpg" border=0></a>'
leftrightslide[1]='<a href="#"><img src="slideimg_02.jpg" border=0></a>'
leftrightslide[2]='<a href="#"><img src="slideimg_03.jpg" border=0></a>'
leftrightslide[3]='<a href="#"><img src="slideimg_04.jpg" border=0></a>'
leftrightslide[4]='<a href="#"><img src="slideimg_05.jpg" border=0></a>'
leftrightslide[5]='<a href="#"><img src="slideimg_06.jpg" border=0></a>'
leftrightslide[6]='<a href="#"><img src="slideimg_07.jpg" border=0></a>'
leftrightslide[7]='<a href="#"><img src="slideimg_08.jpg" border=0></a>'
leftrightslide[8]='<a href="#"><img src="slideimg_09.jpg" border=0></a>'
leftrightslide[9]='<a href="#"><img src="slideimg_10.jpg" border=0></a>'
// 배열을 늘려 더많은 이미지를 추가할 수가 있으며 아래 소스는 수정하지 마시기 바랍니다.
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>
</head>
<body bgcolor="#FFFFFF">
<ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>
<layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed"></layer>
</ilayer>
</body>
</html> -
alexism
2003.02.08 13:35
헉, 정말 감사합니다.
일케 빨리 답변을, 그리고 저렇게 자세히 설명을 해주시다니...
갈켜주신대로 열심히 해볼게요.
정말 정말 감사합니다...
<marquee direction=left scrolldelay=XX><img src=그림></marquee>
이렇게하면 안되려나 -_-;