위 그림과같이 일정 갯수의 이미지를 호출하여 위로 무한 스크롤 되도록하는 팁입니다.
보통 쇼핑몰에서 많이들 사용하는 팁입니다. 아티보드를 이용해서 멋지게 만들어 보세요!!
<** language="JavaScript">
<!--
OVER1 = OVER2 = 1;
function banner_roll(DID, TNAME, HEIGHT, DELAY, SPEED, THEIGHT, CNT, START)
{
var div_tag = document.getElementById(DID);
var tag;
// 롤링 추가시 아래부분 추가
if(OVER1 > 0 && DID == "banner_1") THEIGHT++;
if(OVER2 > 0 && DID == "banner_2") THEIGHT++;
// 2라인 이상씩 롤링
if(CNT > 1) HEIGHT_ = HEIGHT * CNT;
else HEIGHT_ = HEIGHT;
if(THEIGHT < HEIGHT_)
{
if(START != 1)
{
div_tag.style.top = -THEIGHT;
setTimeout("banner_roll('" + DID + "', '" + TNAME + "', " + HEIGHT + ", " + DELAY + ", " + SPEED + ", " + THEIGHT + ", " + CNT + ", 0);", SPEED);
}
else
{
setTimeout("banner_roll('" + DID + "', '" + TNAME + "', " + HEIGHT + ", " + DELAY + ", " + SPEED + ", " + THEIGHT + ", " + CNT + ", 0);", DELAY);
}
}
else
{
tag = div_tag.getElementsByTagName(TNAME);
if(tag.length > 0) for(i=0;i<CNT;i++) div_tag.appendChild(tag[0]);
div_tag.style.top = 0;
setTimeout("banner_roll('" + DID + "', '" + TNAME + "', " + HEIGHT + ", " + DELAY + ", " + SPEED + ", 0, " + CNT + ", 0);", DELAY);
}
return true;
}
//-->
</**>
<div style="position:relative; width:420px; height:100px; overflow:hidden; left:0px;">
<div style="position:relative" id="banner_1">
<%
strBoardID = "image" '// 게시판 아이디
intCount = 12 '// 출력게시글 개수
intCategory = "0" '// 출력게시글 카테고리
SET RS = DBCON.EXECUTE("EXEC [MPLUS_GET_BOARD_LIST_NOTICE] '" & strBoardID & "', '" & intCategory & "', '" & intCount & "' ")
%>
a = 1
WHILE NOT(RS.EOF)
strStoreImg1 = "/Pds/'"&strBoardID&"'/Thrum/" & RS("strFilename")
IF strStoreImg1 = "" THEN strStoreImg1 = "/images/NoStoreImage.gif"
strSubject = RS("strSubject")
If ((a Mod 4) = 1) Then Response.Write "<table cellpadding='0' cellspacing='0' border='0' width='100%' height='" &(mainScrollHeight - 11) &"' align='center' **over='OVER1=0' **out='OVER1=1'><tr>"
Response.Write "<td width='100' valign='top' align='center' style='padding:2 2 2 2'>"
Response.Write "<table width='100%' border='0' cellspacing='0' cellpadding='0'>"
Response.Write "<tr>"
Response.Write "<td width='90'><a class='c' href=Mboard.asp?exec=view&strBoardID="&strBoardID &"&intSeq="&rs("intSeq")&" target='_parent'><img src='"&strStoreImg1&"' width='90' height='70'></a></td>"
Response.Write "</tr>"
Response.Write "<tr>"
Response.Write "<tr><td colspan='3' height='20' align='center'><a class='c' href=Mboard.asp?exec=view&strBoardID="&strBoardID &"&intSeq="&rs("intSeq")&" target='_parent'>"&strSubject&"</a&g
이렇게 했는데 이미지만 보이고 잘 안되는데요.... 확인 부탁합니다.
<!--이미지 스크롤하기-->
<!-- #include file = "Dbconnect/DbConnect.asp" -->
<!-- #include file = "Library/Function.asp" -->
<link rel="stylesheet" type="text/css" href="Admin/Css/style.css">
<script language="JavaScript">
<!--
OVER1 = OVER2 = 1;
function banner_roll(DID, TNAME, HEIGHT, DELAY, SPEED, THEIGHT, CNT, START)
{
var div_tag = document.getElementById(DID);
var tag;
// 롤링 추가시 아래부분 추가
if(OVER1 > 0 && DID == "banner_1") THEIGHT++;
if(OVER2 > 0 && DID == "banner_2") THEIGHT++;
// 2라인 이상씩 롤링
if(CNT > 1) HEIGHT_ = HEIGHT * CNT;
else HEIGHT_ = HEIGHT;
if(THEIGHT < HEIGHT_)
{
if(START != 1)
{
div_tag.style.top = -THEIGHT;
setTimeout("banner_roll('" + DID + "', '" + TNAME + "', " + HEIGHT + ", " + DELAY + ", " + SPEED + ", "
+ THEIGHT + ", " + CNT + ", 0);", SPEED);
}
else
{
setTimeout("banner_roll('" + DID + "', '" + TNAME + "', " + HEIGHT + ", " + DELAY + ", " + SPEED + ", "
+ THEIGHT + ", " + CNT + ", 0);", DELAY);
}
}
else
{
tag = div_tag.getElementsByTagName(TNAME);
if(tag.length > 0) for(i=0;i<CNT;i++) div_tag.appendChild(tag[0]);
div_tag.style.top = 0;
setTimeout("banner_roll('" + DID + "', '" + TNAME + "', " + HEIGHT + ", " + DELAY + ", " + SPEED + ", 0,
" + CNT + ", 0);", DELAY);
}
return true;
}
//-->
</script>
<div style="position:relative; width:420px; height:100px; overflow:hidden; left:0px;" id="banner_1">
<%
strBoardID = "idleq04" '// 게시판 아이디
intCount = 12 '// 출력게시글 개수
intCategory = "0" '// 출력게시글 카테고리
SET RS = DBCON.EXECUTE("EXEC [MPLUS_GET_BOARD_LIST_NOTICE] '" & strBoardID & "', '" & intCategory &
"', '" & intCount & "' ")
a = 1
WHILE NOT(RS.EOF)
strStoreImg1 = "/Pds/'"&strBoardID&"'/Thrum/" & RS("strFilename")
IF strStoreImg1 = "" THEN strStoreImg1 = "/images/NoStoreImage.gif"
strSubject = RS("strSubject")
If ((a Mod 4) = 1) Then Response.Write "<table cellpadding='0' cellspacing='0' border='0' width='100%'
height='" &(mainScrollHeight - 11) &"' align='center' **over='OVER1=0' **out='OVER1=1'><tr>"
Response.Write "<td width='100' valign='top' align='center' style='padding:2 2 2 2'>"
Response.Write "<table width='100%' border='0' cellspacing='0' cellpadding='0'>"
Response.Write "<tr>"
Response.Write "<td width='90'><a class='c' href=Mboard.asp?exec=view&strBoardID="&strBoardID
&"&intSeq="&rs("intSeq")&" target='_parent'><img src='"&strStoreImg1&"' width='90' height='70'></a></td>"
Response.Write "</tr>"
Response.Write "<tr>"
Response.Write "<tr><td colspan='3' height='20' align='center'><a class='c' href=Mboard.asp?
exec=view&strBoardID="&strBoardID &"&intSeq="&rs("intSeq")&"
target='_parent'>"&strSubject&"</a></td></tr>"
Response.Write "</table>"
Response.Write "</td>"
If ((a Mod 4) = 0) Then Response.Write "</tr></table>"
파일로 주세요...ㅠ
댓글 8