function NImgSlide() { // 매개변수 입력 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]; // 슬라이드 속도 // Start ------------------------------ 입력하지 않는 경우 기본값 설정 // 보여질 이미지 수 (기본값 : 3개) if (this.ShowCount == null) this.ShowCount = 4; // 다음 보여질 묶음 수 (기본값 : 1개) if (this.ShowGroup == null) this.ShowGroup = 1; // 이미지 이동 방향 (기본:왼쪽 = 0) if (this.ShowDirec == null) this.ShowDirec = 0; // 이미지 크기 (기본값 : 110x90) if ( this.ImgWidth == null || this.ImgHeight == null) { // 매개변수 값 입력시 이미지 크기 86x66으로 고정 this.ImgWidth = 89; this.ImgHeight = 67; } // 슬라이드 속도 (기본값 : 3초 = 3,000ms) if (this.SlideSpeed == null) this.SlideSpeed = 6000; // End ------------------------------ 입력하지 않는 경우 기본값 설정 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 += " " + SlideTitle + "

"; // HTML소스 Item 등록 this.Item[this.ItemCount] = SlideHtml; this.ItemCount++; } // 초기 셋팅 // 이미지 슬라이드가 들어갈 DIV와 다음 및 이전 버튼 이미지 this.Start = function () { 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 = ""; tmpHTML += "

.

"; //tmpHTML += "\n
"; Obj = document.getElementById(this.SlideID); Obj.innerHTML= tmpHTML; } // 이미지 슬라이드 부분 마우스 Over 시 정지 설정 this.MouseOver = function(){ this.Stop = true; } // 이미지 슬라이드 부분 마우스 Out 시 정지 해제 this.MouseOut = function(){ this.Stop = false; } }