고객센터 : 031-548-0481 /호스팅문의:1644-2646 /서버호스팅문의 : 070-7573-5515/ 평일근무 : 09:00~18:00 / 토/일요일, 공휴일 휴무

1:1 고객상담문의 FAQ 자동답변

나노코팅 나노엔

구매안내

  • 아티보드 2.0
  • 아티보드 3.0
  • 아티카페
  • 파일공유사이트
솔루션 > 커뮤니티 > 사용팁

사용팁|

쇼핑몰에서 많이 사용되는 최근이미지 세로 무한스크롤링법!!|아티보드2.0

  • 박인영
  • |조회수 : 3483
  • |추천수 : 0
  • |2007-11-07 오전 11:08:39
x" src="http://webarty.com/Pds/Board/ArtyBoard_tip/Editor/1111111s[0].jpg" onload=addCaption(this) align=top border=0>

위 그림과같이 일정 갯수의 이미지를 호출하여 위로 무한 스크롤 되도록하는 팁입니다.

보통 쇼핑몰에서 많이들 사용하는 팁입니다. 아티보드를 이용해서 멋지게 만들어 보세요!!


<** 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

댓글 8

  • 최백호
  • 2007.11.07 21:28
캬 디자인 좋네여.ㅎㅎ 역시 인영님 .. 머찌십니다..

감사합니다 인영님.. .. .. .. .. ..

수정 삭제

  • 최백호
  • 2007.11.08 14:59
지금 .. .. .. .. 개인 블로그에 테스트 했는데 이뿌네요 .ㅎ

수정 삭제

이렇게 했는데 이미지만 보이고 잘 안되는데요.... 확인 부탁합니다.

<!--이미지 스크롤하기-->
<!-- #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>"
 

여기 게시판은 소스를 잘라먹어서 문제에요.. 정말.. 어디가 **로 바뀐건지 알수가 있어야징.... 암튼.. 안되요... ㅠㅠ


무슨 의도에서 단어 필터링을 하시는지

파일로 주세요...ㅠ

이긍 난 포기...   strStoreName = RS("st

번호 제목 닉네임 조회수 작성일
75 "sql server가 없거나 액세스할 수 없습니다 " 에러 보시는.. [1] 듀키 3349 2007.11.24
74 네이버검색, 다음검색, RSS를 내 홈페이지에 적용~~ [3] file 배영근 3084 2007.11.22
73 첨부파일 올립니다. 참고하세요!! [5] file 박인영 2776 2007.11.09
72 아티보드 스킨제작 2탄 [3] 박인영 3452 2007.11.08
쇼핑몰에서 많이 사용되는 최근이미지 세로 무한스크롤링법!! [11] 박인영 3483 2007.11.07
70 아티보드 스킨제작 1탄 [2] 박인영 3154 2007.11.06
69 아티보드를 이용한 세션 문제 처리 팁입니다. [5] file 웹아티 3468 2007.11.05
68 아티보드 팁 연제를위한 회원님들의 의견[리필들 주삼] [4] 박인영 2453 2007.10.17
67 [강좌/팁]아티보드 저장프로시져 활용 1탄 [2] 박인영 3087 2007.10.13
66 채팅소스 올립니다. 활용하세요^^ [3] file 박인영 3134 2007.10.06
65 게시글 프린트 관련 자료입니다^^ [자찬:강추] [4] file 박인영 2971 2007.10.06
64 클럽 출석부 입니다. 참고 하세요!!!!!! [6] 박인영 2927 2007.10.01
63 우편번호 삽입시, [1] 행복한떠기 2765 2007.09.26
62 설치시 424에러가 뜰 경우 [3] 행복한떠기 2817 2007.09.23
61 아티보드를 이용한 이미지 멀티미디어 만들기^^ [9] file 박인영 3002 2007.09.21
60 웹아티에서 사용되는 스크롤 최신글 입니다. [5] file 웹아티 2970 2007.09.20
59 iframe 크기 안에 들어가는 아티보드에 맞게 폭, 높이 자동으로 .. [2] 최백호 3419 2007.08.01
58 다운로드 제한 걸기!!! [2] 박인영 2802 2007.07.13
57 2003서버로 아티보드 운영하시는분들 필독^^ [3] 박인영 3491 2007.07.13
56 이미지 등록시 이미지파일 체크 자바스크립트_수정2 [2] 최경수 2639 2007.07.11

서버호스팅

데이터센터

코로케이션

IDC센터

서버관리대행

서버매니지드

서버임대

호스팅업체