/* ======================================================================= 이미지 슬라이드 ----------------------------------------------------------------------- 사용예제 (주! [슬라이드ID]("SlideTest")와 생성하는 변수명(SlideTest)은 반드시 동일 해야 함)

포토/동영상

======================================================================= */ function GallerySlide() { // 매개변수 입력 this.SlideID = arguments[0]; // 슬라이드ID this.ShowCount = arguments[1]; // 보여질 이미지 수 this.ShowGroup = arguments[2]; // 다음 보여질 묶음 수 this.ShowDirec = arguments[3]; // 이미지 이동 방향 this.ImgWidth = arguments[4]; // 슬라이드 이미지 가로 크기 this.ImgHeight = arguments[5]; // 슬라이드 이미지 세로 크기 this.SlideSpeed = arguments[6]; // 슬라이드 속도 // 보여질 이미지 수 (기본값 : 3개) if (this.ShowCount == null) this.ShowCount = 3; // 다음 보여질 묶음 수 (기본값 : 1개) if (this.ShowGroup == null) this.ShowGroup = 1; // 이미지 이동 방향 (기본:왼쪽 = 0) if (this.ShowDirec == null) this.ShowDirec = 0; // 이미지 크기 (기본값 : 86x66) if ( this.ImgWidth == null || this.ImgHeight == null) { // 매개변수 값 입력시 이미지 크기 86x66으로 고정 this.ImgWidth = 86; this.ImgHeight = 66; } // 슬라이드 속도 (기본값 : 3초 = 3,000ms) if (this.SlideSpeed == null) this.SlideSpeed = 3000; this.Item = new Array(); // 이미지 정보를 담을 배열 this.ItemCount = 0; // 이미지 정보 배열 크기 this.CurShow = 0; // 현재 보여지는 첫번째 이미지 번호 this.Stop = false; // 중지여부 (이미지 슬라이드 부분 마우스 Over시 중지를 위해) // 슬라이드 이미지 정보 추가 // 사용시 매개변수로 XXX.add(링크URL, 이미지URL, 이미지 제목)을 입력 this.add = function () { SlideLink = arguments[0]; // 링크 URL SlideImage = arguments[1]; // 이미지 URL SlideTitle = arguments[2]; // 이미지 제목 // 이미지 깜빡임을 없에기 위해 미리 이미지 로딩 (new Image).src = SlideImage; SlideHtml = ""; SlideHtml += "
"; SlideHtml += "

"; SlideHtml += " \"\""; SlideHtml += "

"; SlideHtml += "

"; SlideHtml += " " + SlideTitle + ""; SlideHtml += "

"; SlideHtml += "
"; // HTML소스 Item 등록 this.Item[this.ItemCount] = SlideHtml; this.ItemCount++; } // 초기 셋팅 // 이미지 슬라이드가 들어갈 DIV와 다음 및 이전 버튼 이미지 this.Start = function () { SlideBase = ""; // 파라미터 값 확인용 // ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ // SlideBase += "
" + this.SlideID + " : " + this.ShowCount + "," + this.ShowGroup + "," + this.ShowDirec + "," + this.ImgWidth + "," + this.ImgHeight + "," + this.SlideSpeed + "
"; // ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ SlideBase += "
"; SlideBase += " \"\""; SlideBase += " \"\""; SlideBase += "
"; SlideBase += "
" SlideBase += "
" document.write(SlideBase); this.ChangeImage(); setTimeout(this.SlideID + '.Rolling()',this.SlideSpeed); } // 자동 롤링 this.Rolling = function(){ if(!this.Stop) { this.MoveImage(this.ShowDirec); this.ChangeImage(); } setTimeout(this.SlideID + '.Rolling()',this.SlideSpeed); } // 다음 버튼 기능 this.Next = function(){ this.MoveImage(0); this.ChangeImage(); } // 이전 버튼 기능 this.Prev = function(){ this.MoveImage(1); this.ChangeImage(); } // 슬라이드 이미지 이동 기능 this.MoveImage = function() { ShowDirec = arguments[0]; // 이동 방향 (0:왼쪽, 1:오른쪽) if(ShowDirec == 0){ this.CurShow = this.CurShow + this.ShowGroup; if(this.CurShow >= this.ItemCount) this.CurShow = 0; } else { this.CurShow = this.CurShow - this.ShowGroup; if(this.CurShow < 0) this.CurShow = this.ItemCount - 1; } } // 슬라이드 이미지 변경 기능 this.ChangeImage = function() { tmpHTML = ""; for( i = this.CurShow; i < (this.CurShow + this.ShowCount); i++ ) { tmpHTML += this.Item[(i % this.ItemCount)]; } tmpHTML += "\n
"; Obj = document.getElementById(this.SlideID); Obj.innerHTML= tmpHTML; } // 이미지 슬라이드 부분 마우스 Over 시 정지 설정 this.MouseOver = function(){ this.Stop = true; } // 이미지 슬라이드 부분 마우스 Out 시 정지 해제 this.MouseOut = function(){ this.Stop = false; } } /* ======================================================================= 텍스트 롤링 ----------------------------------------------------------------------- 사용예제 (주! [슬라이드ID]("RollingTest")와 생성하는 변수명(RollingTest)은 반드시 동일 해야 함)
플러스 토픽
----------------------------------------------------------------------- 변경날짜 변경자 변경내용 ======================================================================= */ function TextRolling() { // 매개변수 입력 this.SlideID = arguments[0]; // 슬라이드ID this.ShowCount = arguments[1]; // 보여질 텍스트 수 this.ShowGroup = arguments[2]; // 다음 보여질 묶음 수 this.ShowDirec = arguments[3]; // 텍스트 이동 방향 this.SlideSpeed = arguments[4]; // 슬라이드 속도 // 보여질 텍스트 수 (기본값 : 1개) if (this.ShowCount == null) this.ShowCount = 1; // 다음 보여질 묶음 수 (기본값 : 1개) if (this.ShowGroup == null) this.ShowGroup = 1; // 텍스트 이동 방향 (기본:위 = 0) if (this.ShowDirec == null) this.ShowDirec = 0; // 슬라이드 속도 (기본값 : 3초 = 3,000ms) if (this.SlideSpeed == null) this.SlideSpeed = 3000; this.Item = new Array(); // 텍스트 정보를 담을 배열 this.ItemCount = 0; // 텍스트 정보 배열 크기 this.CurShow = 0; // 현재 보여지는 첫번째 텍스트 번호 this.Stop = false; // 중지여부 (텍스트 슬라이드 부분 마우스 Over시 중지를 위해) // 슬라이드 텍스트 정보 추가 // 사용시 매개변수로 XXX.add(링크URL, 제목)을 입력 this.add = function () { SlideLink = arguments[0]; // 링크 URL SlideTitle = arguments[1]; // 제목 SlideHtml = ""; SlideHtml += "" + SlideTitle + ""; this.Item[this.ItemCount] = SlideHtml; this.ItemCount++; } // 초기 셋팅 // 텍스트 슬라이드가 들어갈 DIV this.Start = function () { SlideBase = ""; // 파라미터 값 확인용 // ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ // SlideBase += this.SlideID + " : " + this.ShowCount + "," + this.ShowGroup + "," + this.ShowDirec + "," + this.SlideSpeed; // ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ SlideBase += "
"; document.write(SlideBase); this.ChangeText(); setTimeout(this.SlideID + '.Rolling()',this.SlideSpeed); } // 자동 롤링 this.Rolling = function(){ if(!this.Stop) { this.MoveText(this.ShowDirec); this.ChangeText(); } setTimeout(this.SlideID + '.Rolling()',this.SlideSpeed); } // 다음 버튼 기능 this.Next = function(){ this.MoveText(0); this.ChangeText(); } // 이전 버튼 기능 this.Prev = function(){ this.MoveText(1); this.ChangeText(); } // 텍스트 이동 기능 this.MoveText = function() { ShowDirec = arguments[0]; // 이동 방향 (0:위, 1:아래) if(ShowDirec == 0){ this.CurShow = this.CurShow + this.ShowGroup; if(this.CurShow >= this.ItemCount) this.CurShow = 0; } else { this.CurShow = this.CurShow - this.ShowGroup; if(this.CurShow < 0) this.CurShow = this.ItemCount - 1; } } // 텍스트 변경 기능 this.ChangeText = function() { tmpHTML = ""; for( i=this.CurShow; i<(this.CurShow+this.ShowCount); i++ ) { tmpHTML += this.Item[(i % this.ItemCount)]; if( this.ShowCount > 1) tmpHTML += "\n
"; } Obj = document.getElementById(this.SlideID); Obj.innerHTML= tmpHTML; } // 텍스트 슬라이드 부분 마우스 Over 시 정지 설정 this.MouseOver = function(){ this.Stop = true; } // 텍스트 슬라이드 부분 마우스 Out 시 정지 해제 this.MouseOut = function(){ this.Stop = false; } }