한국어
<html> <head> <title>목록 35.13. 들어오는 슬라이드에 대한 지우기 전환</title> <script 언어="JavaScript" type="text/javascript"> // 이 배열은 문서의 모든 DHTML 가능 객체를 보유합니다. var dhtml_objects = new Array() // 이 함수 크로스 브라우저 프런트엔드 역할을 하는 사용자 정의 개체를 생성합니다. function create_object_array() { // 모든 <div> 및 <span> 태그는 이 변수에 저장됩니다. var div_tags varspan_tags var css_tags // 브라우저는 W3C DOM을 준수합니까? if (document.getElementById) { // 그렇다면 getElementsByTagName()을 사용하여 <div> 태그를 가져옵니다. div_tags = document.getElementsByTagName("div") // <div> 태그를 반복합니다. for (var counter = 0; counter < div_tags.length; counter++) { // 현재 객체 저장 current_object = div_tags[counter] // 브라우저가 스타일에 액세스하는 방법 저장 object_css = current_object.style // 객체 ID 저장 object_id = current_object.id // 해당 태그만 저장 if (object_id) { // 새 dhtml_object를 생성하고 dhtml_objects에 저장합니다 dhtml_objects[object_id] = new dhtml_object(current_object, object_css, object_id) } } // getElementsByTagName()을 사용하여 <span> 태그를 가져옵니다. = document.getElementsByTagName("span") // <span> 태그를 통해 루프 for (var counter = 0; counter <span_tags.length; counter++) { // 현재 객체 저장 current_object =span_tags[counter] //방법 저장 브라우저가 스타일에 액세스합니다 object_css = current_object.style // 객체의 ID를 저장합니다 object_id = current_object.id // ID가 있는 태그만 저장합니다 if (object_id) { // 새 dhtml_object를 생성하고 dhtml_objects에 저장합니다 dhtml_objects[object_id] = new dhtml_object(current_object, object_css, object_id) } } } // 브라우저가 DHTML DOM을 준수합니까? else if (document.all) { // 그렇다면 document.all을 사용하여 <div> 태그를 가져옵니다. div_tags = document.all.tags("div") // <div> 태그를 반복합니다. for (var counter = 0; counter < div_tags.length; counter++) { // 현재 객체 저장 current_object = div_tags[counter] // 브라우저가 스타일에 액세스하는 방법 저장 object_css = current_object.style // 객체 ID 저장 object_id = current_object.id // 전용 ID가 있는 태그를 저장합니다. if (object_id) { // 새 dhtml_object를 생성하고 dhtml_objects에 저장합니다. dhtml_objects[object_id] = new dhtml_object(current_object, object_css, object_id) } } // document.all을 사용하여 <span을 가져옵니다. > Tagsspan_tags = document.all.tags("span") // <span> 태그를 통해 루프 for (var counter = 0; counter <span_tags.length; counter++) { // 현재 객체 저장 current_object =span_tags[counter ] // 브라우저가 스타일에 액세스하는 방법 저장 object_css = current_object.style // 객체 ID 저장 object_id = current_object.id // ID가 있는 태그만 저장 if (object_id) { // 새 dhtml_object를 생성하여 저장 dhtml_objects dhtml_objects[object_id] = new dhtml_object(current_object, object_css, object_id) } } } // 브라우저가 LDOM을 준수합니까? else if (document.layers) { // document.layers를 사용하여 위치가 지정된 <div> 및 <span> 태그를 가져옵니다. css_tags = document.layers // 레이어를 반복합니다. for (var counter = 0; counter < css_tags.length; counter++) { // 현재 객체 저장 current_object = css_tags[counter] // 브라우저가 스타일에 액세스하는 방법 저장 object_css = current_object // 객체 ID 저장 object_id = current_object.id // ID가 있는 태그만 저장 if (object_id ) { // 새 dhtml_object를 생성하고 dhtml_objects에 저장합니다. dhtml_objects[object_id] = new dhtml_object(current_object, object_css, object_id) } } } } function dhtml_object (obj, css, id) { this.obj = obj this.css = css this.id = id this.left = get_left this.right = get_right this.top = get_top this.bottom = get_bottom this.width = get_width this.height = get_height this.visibility = get_visibility this.zIndex = get_zIndex this.move_to = move_to this.move_by = move_by this.set_left = set_left this.set_top = set_top this.set_width = set_width this.set_height = set_height this.set_visibility = set_visibility this.set_zIndex = set_zIndex this.move_above = move_above this.move_below = move_below this.set_BackgroundColor = set_BackgroundColor this.set_BackgroundImage = set_BackgroundImage this.set_html = set_html this.get_clip_top = get_clip_top this.get_clip_right = get_clip_right this.get_clip_bottom = get_clip_bottom this.get_clip_left = get_clip_left this.get_clip_width = get_clip_width this.get_clip_height = get_clip_height this.resize_clip_to = resize_clip_to this. resize_clip_by= resize_clip_by } function get_left() { returnparseInt(this.css.left) } function get_right() { return this.left() + this.width() } function get_top() { returnparseInt(this.css.top) } function get_bottom() { return this.top() + this.height() } function get_width() { // W3C 또는 DHTML DOM 브라우저입니까? if (!document.layers) { // 그렇다면 너비가 정의되어 있습니까? if (this.css.width) { // 그렇다면 width 속성을 반환합니다. returnparseInt(this.css.width) } else { // 그렇지 않으면 offsetWidth 속성을 반환합니다. returnparseInt(this.obj.offsetWidth) } } else { // 그렇지 않은 경우 레이어의 문서 너비를 반환합니다. returnparseInt(this.obj.document.width) } } function get_height() { // W3C 또는 DHTML DOM 브라우저입니까? if (!document.layers) { // 그렇다면 높이가 정의되어 있나요? if (this.css.height) { // 그렇다면 height 속성을 반환합니다. returnparseInt(this.css.height) } else { // 그렇지 않으면 offsetHeight 속성을 반환합니다. returnparseInt(this.obj.offsetHeight) } } else { // 그렇지 않은 경우 레이어의 문서 높이를 반환합니다. returnparseInt(this.obj.document.height) } } function get_visibility() { // W3C 또는 DHTML DOM 브라우저입니까? if (!document.layers) { // 그렇다면 가시성이 정의되어 있습니까? if (this.css.visibility) { // 그렇다면 가시성 속성을 반환 return this.css.visibility } } else { // 그렇지 않으면 LDOM 브라우저이므로 // 독점 가시성 값을 처리합니다. if (this.css .visibility == "show") { return "visible" } if (this.css.visibility == "hide") { return "hidden" } } // 여기까지 진행했다면 그냥 return "inherit" return "inherit " } function get_zIndex() { return this.css.zIndex } function move_to (new_left, new_top) { this.css.left = new_left this.css.top = new_top } function move_by (delta_left, delta_top) { // 델타 추가 값 this.css.left = this.left() +parseInt(delta_left) this.css.top = this.top() +parseInt(delta_top) } function set_left (new_left) { this.css.left = new_left } function set_top (new_top) { this.css.top = new_top } function set_width (new_width) { // W3C 또는 DHTML DOM 브라우저입니까? if (!document.layers) { // 그렇다면 너비 속성을 설정하세요. this.css.width = new_width } } function set_height (new_height) { // W3C 또는 DHTML DOM 브라우저입니까? if (!document.layers) { // 그렇다면 너비 속성을 설정하세요. this.css.height = new_height } } function set_visibility (new_visibility) { // W3C 또는 DHTML DOM 브라우저입니까? if (!document.layers) { // 그렇다면 가시성을 // 인수의 값으로 설정하십시오. this.css.visibility = new_visibility } else { // 그렇지 않으면 독점 가시성 값을 설정하십시오. if (new_visibility == " visible") { this.css.visibility = "show" } else if (new_visibility == "hidden") { this.css.visibility = "hide" } else { this.css.visibility = "inherit" } } } 함수 set_zIndex(new_zindex) { // 새 z-index가 0보다 큽니까? if (new_zindex > 0) { // 그렇다면 설정 this.css.zIndex = new_zindex } else { // 그렇지 않으면 0으로 설정 this.css.zIndex = 0 } } function move_above(reference_object) { this. css.zIndex = reference_object.css.zIndex + 1 } function move_below(reference_object) { // 참조 객체의 z-index를 구합니다. reference_zindex = reference_object.css.zIndex // 0보다 큰가요? if (reference_zindex > 0) { // 그렇다면 이 객체의 zindex를 1보다 작은 값으로 설정합니다. this.css.zIndex = reference_zindex - 1 } else { // 그렇지 않은 경우 참조 객체의 z-index를 1로 설정하고 // 이 객체의 z-index를 z-index를 0으로 reference_object.css.zIndex = 1 this.css.zIndex = 0 } } function set_BackgroundColor(new_color) { // W3C 또는 DHTML DOM 브라우저입니까? if (!document.layers) { // 그렇다면 backgroundColor 속성을 사용합니다. this.css.BackgroundColor = new_color } else { // 그렇지 않으면 bgcolor 속성을 사용합니다. this.css.bgColor = new_color } } function set_BackgroundImage(new_image) { // W3C 또는 DHTML DOM 브라우저입니까? if (!document.layers) { // 그렇다면 backgroundImage 속성을 사용합니다. this.css.BackgroundImage = "url(" + new_image + ")" } else { // 그렇지 않은 경우 배경 속성을 사용합니다. this.css.Background .src = new_image } } function set_html(new_html) { // W3C 또는 DHTML DOM 브라우저입니까? if (!document.layers) { // 그렇다면 innerHTML 속성을 사용합니다. this.obj.innerHTML = new_html } else { // 그렇지 않으면 document.write() 메서드를 사용합니다. this.obj.document.open() this .obj.document.write(new_html) this.obj.document.close() } } function get_clip_top() { // W3C 또는 DHTML DOM 브라우저입니까? if (!document.layers) { // 그렇다면 먼저 클립 문자열을 구문 분석합니다.parse_dom_clip(this) // 클립 값은 이제 current_clip 객체에 있습니다. return current_clip.top } else { // 그렇지 않으면,clip.top을 사용하여 return this. css.clip.top } } var current_clip functionclip_object(상단, 오른쪽, 하단, 왼쪽) { this.top = 상단 this.right = 오른쪽 this.bottom = 하단 this.left = 왼쪽 } functionparse_dom_clip(current_object) {clip_string = current_object.css.clip if (clip_string.length > 0) { varvalues_string =clip_string.slice(5,clip_string.length - 1) varclip_values =values_string.split("") varclip_top =parseInt(clip_values[0])var clip_right =parseInt(clip_values[1]) varclip_bottom=parseInt(clip_values[2]) varclip_left=parseInt(clip_values[3]) }else{varclip_top=0 varclip_right=current_object.width()varclip_bottom=current_object.height () varclip_left = 0 } current_clip = newclip_object(clip_top,clip_right,clip_bottom,clip_left) } function get_clip_right() { // W3C 또는 DHTML DOM 브라우저입니까? if (!document.layers) { // 그렇다면 먼저 클립 문자열을 구문 분석합니다.parse_dom_clip(this) // 클립 값은 이제 current_clip 개체에 있습니다. return current_clip.right } else { // 그렇지 않으면,clip.right를 사용하여 return this. css.clip.right } } function get_clip_bottom() { // W3C 또는 DHTML DOM 브라우저입니까? if (!document.layers) { // 그렇다면 먼저 클립 문자열을 구문 분석합니다.parse_dom_clip(this) // 클립 값은 이제 current_clip 개체에 있습니다. return current_clip.bottom } else { // 그렇지 않은 경우에는clip.bottom을 사용하여 return this. css.clip.bottom } } function get_clip_left() { // W3C 또는 DHTML DOM 브라우저입니까? if (!document.layers) { // 그렇다면 먼저 클립 문자열을 구문 분석합니다.parse_dom_clip(this) // 클립 값은 이제 current_clip 객체에 있습니다. return current_clip.left } else { // 그렇지 않으면,clip.left를 사용하여 return this. css.clip.left } } function get_clip_width() { // W3C 또는 DHTML DOM 브라우저입니까? if (!document.layers) { // 그렇다면 먼저 클립 문자열을 구문 분석합니다.parse_dom_clip(this) // 클립 값은 이제 current_clip 객체에 있습니다. return current_clip.right - current_clip.left } else { // 그렇지 않으면 클립을 사용합니다. width return this.css.clip.width } } function get_clip_height() { // W3C 또는 DHTML DOM 브라우저입니까? if (!document.layers) { // 그렇다면 먼저 클립 문자열을 구문 분석합니다.parse_dom_clip(this) // 클립 값은 이제 current_clip 개체에 있습니다. return current_clip.bottom - current_clip.top } else { // 그렇지 않으면 클립을 사용합니다. width return this.css.clip.height } } 함수 resize_clip_to(new_top, new_right, new_bottom, new_left) { if (new_top == "auto") {new_top = this.get_clip_top() } if (new_right == "auto") {new_right = this.get_clip_right() } if (new_bottom == "auto") {new_bottom = this.get_clip_bottom() } if (new_left == "auto") {new_left = this.get_clip_left() } // 이것은 W3C 또는 DHTML DOM 브라우저? if (!document.layers) { // 클립 값은 이제 current_clip 객체에 있습니다. this.css.clip = "ect(" + new_top + " " + new_right + " " + new_bottom + " " + new_left + ")" } else { // 그렇지 않으면 클립 속성을 사용합니다. this.css.clip.top = new_top this.css.clip.right = new_right this.css.clip.bottom = new_bottom this.css.clip.left = new_left } } function resize_clip_by( delta_top, delta_right, delta_bottom, delta_left) { var new_top = this.get_clip_top() + delta_top var new_right = this.get_clip_right() + delta_right var new_bottom = this.get_clip_bottom() + delta_bottom var new_left = this.get_clip_left() + delta_left / / 이것은 W3C 또는 DHTML DOM 브라우저입니까? if (!document.layers) { // 클립 값은 이제 current_clip 객체에 있습니다. this.css.clip = "ect(" + new_top + " " + new_right + " " + new_bottom + " " + new_left + ")" } else { // 그렇지 않으면 클립 속성을 사용합니다. this.css.clip.top = new_top this.css.clip.right = new_right this.css.clip.bottom = new_bottom this.css.clip.left = new_left } } function get_mouse_x( current_event) { // Internet Explorer 4 이상인가요? if (its_ie4plus) { // 그렇다면 event.clientX 속성을 반환합니다. return event.clientX } // Netscape Explorer 4 이상입니까? else if (its_ns4plus) { // 그렇지 않으면 pageX 속성을 반환 return current_event.pageX } else { // 그렇지 않으면 null을 반환 return null } } function get_mouse_y(current_event) { // Internet Explorer 4 이상입니까? if (its_ie4plus) { // 그렇다면 event.clientY 속성을 반환합니다. return event.clientY } // Netscape Explorer 4 이상입니까? else if (its_ns4plus) { // 그렇다면 pageY 속성을 반환 return current_event.pageY } else { // 그렇지 않으면 null 반환 return null } } function get_client_width() { // Internet Explorer 4 이상인가요? if (its_ie4plus) { // 그렇다면 clientWidth 속성을 반환 return document.body.clientWidth } else if (its_ns4plus) { // 그렇다면 innerWidth 속성을 반환 return window.innerWidth - 18 } else { // 그렇지 않으면 return null return null } } function get_client_height() { // Internet Explorer 4 이상입니까? if (its_ie4plus) { // 그렇다면 clientHeight 속성을 반환합니다. return document.body.clientHeight } // Netscape Explorer 4 이상입니까? else if (its_ns4plus) { // 그렇다면 innerHeight 속성을 반환 return window.innerHeight - 18 } else { // 그렇지 않으면 null 반환 return null } } function get_client_scroll_left() { // Internet Explorer 4 이상인가요? if (its_ie4plus) { // 그렇다면, scrollLeft 속성을 반환합니다. return document.body.scrollLeft } // Netscape Explorer 4 이상입니까? else if (its_ns4plus) { // 그렇다면 pageXOffset 속성을 반환 return pageXOffset } else { // 그렇지 않으면 null을 반환 return null } } function get_client_scroll_top() { // Internet Explorer 4 이상입니까? if (its_ie4plus) { // 그렇다면, scrollTop 속성을 반환합니다. return document.body.scrollTop } // Netscape Explorer 4 이상입니까? else if (its_ns4plus) { // 그렇다면 pageYOffset 속성을 반환합니다. return pageYOffset } else { // 그렇지 않으면 null을 반환합니다. return null } } </script> <script 언어="JavaScript" type="text/javascript"> / / 이러한 부울 변수 중 하나는 // 브라우저 이름에 따라 true로 설정됩니다. var its_ie = false var its_ns = false var its_opera = false var its_webtv = false var its_ Compatible = false // 이러한 부울 변수 중 하나는 /로 설정됩니다. / Internet Explorer 버전 기준 true var its_ie2 = false var its_ie3 = false var its_ie4 = false var its_ie5 = false var its_ie55 = false var its_ie6 = false var its_ie4plus = false var its_ie5plus = false var its_ie55plus = false var its_ie6plus = false // 이러한 부울 변수 중 하나는 Netscape 버전에 따라 // true로 설정됩니다. var its_ns2 = false var its_ns3 = false var its_ns4 = false var its_ns6 = false var its_ns3plus = false var its_ns4plus = false var its_ns6plus = false // 다음 중 하나 부울 변수는 // 운영 체제에 따라 true로 설정됩니다. var its_win31 = false var its_win95 = false var its_win98 = false var its_winme = false var its_winnt = false var its_win2000 = false var its_winxp = false var its_windows = false var its_win32 = false var its_mac68k = false var its_macppc = false var its_macos = false var its_linux = false var its_other_os = false // 이는 브라우저가 일종의 DHTML을 지원하는 경우에 해당됩니다. var dhtml_ok = false // 간단하게 유지하기 위해 소문자로 작업하겠습니다. var user_agent = navigator.userAgent.toLowerCase() // 브라우저 이름 // indexOf()를 사용하여 userAgent 문자열에서 // 브라우저 이름의 숨길 수 없는 징후를 검사합니다. if (user_agent.indexOf("opera") != -1) { its_opera = true } else if (user_agent.indexOf("webtv") != -1) { its_webtv = true } else if (user_agent.indexOf("msie") != -1) { its_ie = true } else if (user_agent. indexOf("mozilla") != -1) { // "moziila"의 경우 다른 가능성을 배제해야 합니다. 먼저 if ((user_agent.indexOf("호환") == -1) && (user_agent.indexOf ("spoofer") == -1) && (user_agent.indexOf("hotjava") == -1)) { its_ns = true } else { its_ Compatible = true } } // 브라우저 버전 var major_version =parseInt(navigator.appVersion ) var full_version =parseFloat(navigator.appVersion) var ie_start = user_agent.indexOf("msie") if (ie_start != -1) { var version_string = user_agent.substring(ie_start + 5) major_version =parseInt(version_string) full_version =parseFloat (version_string) } // 인터넷 탐색기 if (its_ie || its_webtv) { if (major_version < 3) { its_ie2 = true } else if (major_version == 3) { its_ie3 = true } else if (major_version == 4) { its_ie4 = true } else if (major_version == 5) { its_ie5 = true } else if (full_version == 5.5) { its_ie55 = true } else if (major_version == 6) { its_ie6 = true } if (major_version >= 4) { its_ie4plus = true } if (major_version >= 5) { its_ie5plus = true } if (full_version >= 5.5) { its_ie55plus = true } if (major_version >= 6) { its_ie6plus = true } } // NETSCAPE if (its_ns) { if (major_version < 3) { its_ns2 = true } else if ( major_version < 4) { its_ns3 = true } else if (major_version == 4) { its_ns4 = true } else if (major_version == 5) { its_ns6 = true } if (major_version >= 3) { its_ns3plus = true } if (major_version >= 4) { its_ns4plus = true } if (major_version >= 5) { its_ns6plus = true } } // 운영 체제 // indexOf()를 사용하여 userAgent 문자열에서 // 운영 체제의 명백한 징후를 검사합니다. // WINDOWS 3.1 if ((user_agent.indexOf("windows 3.1") != -1) || (user_agent.indexOf("win16") != -1) || (user_agent.indexOf("16bit") != -1) || (user_agent.indexOf("16비트") != -1)) { its_win31 = true } // WINDOWS 95 else if ((user_agent.indexOf("windows 95") != -1) || (user_agent.indexOf ("win95") != -1)) { its_win95 = true } // WINDOWS ME if (user_agent.indexOf("win 9x 4.90") != -1) { its_winme = true } // WINDOWS 98 else if (( user_agent.indexOf("windows 98") != -1) || (user_agent.indexOf("win98") != -1)) { its_win98 = true } // WINDOWS XP else if ((user_agent.indexOf("windows nt 5.1") != -1) || (user_agent.indexOf("winnt 5.1") != -1)) { its_winxp = true } // WINDOWS 2000 else if ((user_agent.indexOf("windows nt 5.0") != -1) || (user_agent.indexOf("winnt 5.0") != -1)) { its_win2000 = true } // WINDOWS NT else if ((user_agent.indexOf("windows nt") != -1) || (user_agent.indexOf("winnt") != -1)) { its_winnt = true } // MAC 680x0 else if ((user_agent.indexOf("mac") != -1) && ((user_agent.indexOf( "68K") != -1) || (user_agent.indexOf("68000") != -1))) { its_mac68k = true } // MAC PowerPC else if ((user_agent.indexOf("mac") != -1) && ((user_agent.indexOf("ppc") != -1) || (user_agent.indexOf("powerpc") != -1))) { its_macppc = true } // LINUX else if (user_agent.indexOf("linux") != -1) { its_linux = true } // 기타 OS else { its_other_os = true } // 플랫폼 // 운영 체제 부울을 사용하여 // 일반 플랫폼을 결정합니다. // MAC OS if (its_mac68k || its_macppc) { its_macos = true} // 32비트 WINDOWS if (its_win95 || its_win98 || its_winme || its_winnt || its_win2000 || its_winxp) {its_win32 = true} // WINDOWS if (its_win31 || its_win32) {its_windows = true} // DHTML 지원 if (document.getElementById || document.all || document .layers) { dhtml_ok = true } </script> <script 언어="JavaScript" type="text/javascript"> <!-- var Slides = new Array() var Slide_width = 525 var Slide_height = 296 슬라이드[0] = new Image(slide_width, Slide_height) Slides[0].src = "/u/info_img/2009-06/20/fiesole1.jpg" Slides[0].caption = "기원전 100년 경의 3,000석 규모의 로마 극장( 이탈리아 피에솔레)" 슬라이드[1] = 새 이미지(slide_width, Slide_height) 슬라이드[1].src = "/u/info_img/2009-06/20/fiesole2.jpg" 슬라이드[1].caption = "에트루리아 유적지 기원전 600년 경(이탈리아 피에솔레)" 슬라이드[2] = 새 이미지(slide_width, Slide_height) 슬라이드[2].src = "/u/info_img/2009-06/20/florence04.jpg" 슬라이드[2]. caption = "시뇨리아 광장(이탈리아 피렌체)" 슬라이드[3] = 새 이미지(slide_width, Slide_height) 슬라이드[3].src = "/u/info_img/2009-06/20/florence06.jpg" 슬라이드[ 3].caption = "보볼리 정원(이탈리아 피렌체)" // 이 변수를 사용하여 뷰어를 구성합니다. var scroll_amount = 10 var scroll_delay = 50 var timeout_id var current_slide = 0 var looking_slide = 1 var 스크롤 var 전환 = new Array( "슬라이드", "지우기") var h_directions = new Array("왼쪽", "오른쪽", "둘 다", "없음") var v_directions = new Array("아래", "위", "둘 다", "없음" ") varviewer_data = newviewer_data_object() // 이 함수는 뷰어 객체를 생성합니다 function Viewer_data_object(width, height, top, left, scrollamount) {} function 초기화() { // DHTML이 아닌 브라우저인 경우 구제하세요. if (!dhtml_ok) { return } // DHTML 객체 생성 create_object_array() // 뷰어 객체 설정 Viewer_data.width = dhtml_objects['viewer1'].width() Viewer_data.height = dhtml_objects['viewer1'].height ()viewer_data.top=dhtml_objects['viewer1'].top()viewer_data.left=dhtml_objects['viewer1'].left()viewer_data.scrollamount=scroll_amountviewer_data.scrolldelay=scroll_delayviewer_data.scroll_start=slide_widthviewer_data.transition=전환 [0]viewer_data.h_direction = h_directions[0]viewer_data.v_direction = v_directions[0] write_controls() } // 이 함수는 초기 뷰어 위치 및 클립 영역을 설정합니다. function 초기화_viewer() { // 뷰어2 숨기기 dhtml_objects['viewer2'] .set_visibility("hidden") // 메인 이미지에 넣기 dhtml_objects['viewer1'].set_html('<img src="' + Slides[current_slide].src + '">') // 전체 보기를 위해 재설정 dhtml_objects['viewer1'].move_to(viewer_data.left, Viewer_data.top) dhtml_objects['viewer1'].resize_clip_to(0, Viewer_data.width, Viewer_data.height, 0) // 무작위 전환 선택 Viewer_data.transition = 전환[ Math.floor(transitions.length * Math.random())] Viewer_data.h_direction = h_directions[Math.floor(h_directions.length * Math.random())] Viewer_data.v_direction = v_directions[Math.floor(v_directions.length * Math.random())] // 스크롤 플래그 설정 scrolling = true // 컨트롤 업데이트 write_controls() if (viewer_data.transition == "slide") { Slide_out() } else { wipe_out() } } function next_slide( ) { // 보류 중인 슬라이드 번호 변경 보류 중인 슬라이드 = current_slide + 1 초기화_viewer() } function Previous_slide() { // 보류 중인 슬라이드 번호 변경 보류 중인_slide = current_slide - 1 초기화_viewer() } function Slide_out() { // 너비를 확인하고 객체의 클립 영역 높이 if (dhtml_objects['viewer1'].get_clip_width() > 0 && dhtml_objects['viewer1'].get_clip_height() > 0) { // 둘 다 여전히 양수이면 계속 슬라이딩합니다. var horizon_move = 0 var Vertical_move = 0 var top_resize = 0 var right_resize = 0 var Bottom_resize = 0 var left_resize = 0 // 수평 조정 가져오기 if (viewer_data.h_direction == "left") { horizon_move = -viewer_data.scrollamount left_resize = Viewer_data.scrollamount } else if (viewer_data.h_direction == "right") { horizon_move =viewer_data.scrollamount right_resize = -viewer_data.scrollamount } else if (viewer_data.h_direction == "both") { left_resize =viewer_data.scrollamount right_resize = -viewer_data.scrollamount } / / 수직 조정 가져오기 if (viewer_data.v_direction == "down") { Vertical_move = Viewer_data.scrollamount Bottom_resize = -viewer_data.scrollamount } else if (viewer_data.v_direction == "up") { Vertical_move = -viewer_data.scrollamount top_resize = Viewer_data.scrollamount } else if (viewer_data.v_direction == "both") { Bottom_resize = -viewer_data.scrollamount top_resize = Viewer_data.scrollamount } // 개체 이동 dhtml_objects['viewer1'].move_by(horizontal_move, Vertical_move) // 조정 클립 영역 dhtml_objects['viewer1'].resize_clip_by(top_resize, right_resize, Bottom_resize, left_resize) // 새로운 시간 초과 설정 timeout_id = setTimeout("slide_out()", Viewer_data.scrolldelay) write_controls() } else { // 지우기 timeoutclearTimeout(timeout_id) // 보류 중인 슬라이드는 이제 현재 슬라이드입니다. current_slide = 보류 중인_slide // 들어오는 슬라이드 준비 prepare_next_slide() } } function wipe_out() { // 개체 클립 영역의 너비와 높이를 확인합니다. if (dhtml_objects[ 'viewer1'].get_clip_width() > 0 && dhtml_objects['viewer1'].get_clip_height() > 0) { // 둘 다 여전히 긍정적인 경우 계속 삭제합니다. var top_resize = 0 var right_resize = 0 var Bottom_resize = 0 var left_resize = 0 // 수평 조정 가져오기 if (viewer_data.h_direction == "left") { right_resize = -viewer_data.scrollamount } else if (viewer_data.h_direction == "right") { left_resize = Viewer_data.scrollamount } else if (viewer_data. h_direction == "both") { left_resize = Viewer_data.scrollamount right_resize = -viewer_data.scrollamount } // 수직 조정 가져오기 if (viewer_data.v_direction == "down") { top_resize = Viewer_data.scrollamount } else if (viewer_data.v_direction == "up") { Bottom_resize = -viewer_data.scrollamount } else if (viewer_data.v_direction == "both") { Bottom_resize = -viewer_data.scrollamount top_resize = Viewer_data.scrollamount } // 클립 영역 조정 dhtml_objects['viewer1' ].resize_clip_by(top_resize, right_resize, Bottom_resize, left_resize) // 새로운 시간 초과 설정 timeout_id = setTimeout("wipe_out()", Viewer_data.scrolldelay) } else { // 시간 초과 지우기clearTimeout(timeout_id) // 보류 중인 슬라이드는 다음과 같습니다. 이제 현재 슬라이드 current_slide = 보류 중인_slide // 들어오는 슬라이드 준비 prepare_next_slide() } } function stop_it() { // 현재 제한 시간을 지워 뷰어를 종료합니다.clearTimeout(timeout_id) // 스크롤 플래그 지우기 scrolling = false // 업데이트 컨트롤 write_controls() } function prepare_next_slide() { // 무작위 삭제 전환 선택 v_directions[Math.floor(v_directions.length * Math.random())] var top_clip_start = 0 var right_clip_start = Viewer_data.width var Bottom_clip_start = Viewer_data.height var left_clip_start = 0 // 수평 조정 가져오기 if (viewer_data.h_direction == "왼쪽") { left_clip_start = Viewer_data.width } else if (viewer_data.h_direction == "right") { right_clip_start = 0 } else if (viewer_data.h_direction == "both") { left_clip_start = Math.floor(viewer_data.width / 2) right_clip_start = Math.floor(viewer_data.width / 2) } // 수직 조정 가져오기 if (viewer_data.v_direction == "down") { Bottom_clip_start = 0 } else if (viewer_data.v_direction == "up") { top_clip_start =viewer_data.height } else if (viewer_data.v_direction == "both") { Bottom_clip_start = Math.floor(viewer_data.height / 2) top_clip_start = Math.floor(viewer_data.height / 2) } // 이미지 추가 dhtml_objects['viewer2'].set_html('<img src="' + Slides[current_slide].src + '">') // 객체를 표시합니다 dhtml_objects['viewer2'].set_visibility("visible") // 크기 조정 dhtml_objects['viewer2'].resize_clip_to(top_clip_start, right_clip_start, Bottom_clip_start, left_clip_start) // 와이프 전환을 수행합니다.wipe_in() } functionwipe_in() { // 클립 너비 및 높이를 개체 너비 및 높이와 비교합니다. if ( dhtml_objects['viewer2'].get_clip_width() < Viewer_data.width || dhtml_objects['viewer2'].get_clip_height() <viewer_data.height) { // 둘 중 하나라도 작으면 계속 닦아냅니다. var top_resize = 0 var right_resize = 0 var Bottom_resize = 0 var left_resize = 0 // 수평 조정 가져오기 if ( Viewer_data.h_direction == "왼쪽") { left_resize = -viewer_data.scrollamount } else if (viewer_data.h_direction == "오른쪽") { right_resize = Viewer_data.scrollamount } else if (viewer_data.h_direction == "둘 다") { left_resize = -viewer_data.scrollamount right_resize =viewer_data.scrollamount } // 수직 조정 가져오기 if (viewer_data.v_direction == "down") { Bottom_resize = Viewer_data.scrollamount } else if (viewer_data.v_direction == "up") { top_resize = -viewer_data.scrollamount } else if (viewer_data.v_direction == "both") { Bottom_resize = Viewer_data.scrollamount top_resize = -viewer_data.scrollamount } // 클립 영역 조정 dhtml_objects['viewer2'].resize_clip_by(top_resize, right_resize, Bottom_resize , left_resize) // 새로운 시간 초과 설정 timeout_id = setTimeout("wipe_in()", Viewer_data.scrolldelay) } else { stop_it() } } function write_controls() { // 슬라이드 번호 쓰기 if (스크롤) { Slide_text = " 다음 슬라이드 로드 중...<p>" } else { Slide_text = "슬라이드 #" + eval(current_slide + 1) + "—" + 슬라이드[current_slide].caption + "<p>" } if (current_slide == 0 || 스크롤) { Previous_control = "이전" } else { Previous_control = '<a href="javascript:previous_slide()">이전< /a>' } if (current_slide == Slides.length - 1 || 스크롤) { next_control = "다음" } else { next_control = '<a href="javascript:next_slide()">다음</a>' } dhtml_objects["controls"].set_html(slide_text + 이전_control + " " + next_control) } //--> </script> </head> <body onLoad="initialize()"> <!--IE 필요 태그 내부에 위치를 지정하려면 --> <div id="viewer1" style="position:absolute; left:10; top:0"> <img src="/u/info_img/2009-06/20/fiesole1 .jpg"> </div> <div id="viewer2" style="position:absolute; left:10"></div> <div id="controls" style="position:absolute left; :10; 상단:325; 너비: 525; 텍스트 정렬: 중앙; 글꼴-가중치:bold"></div> </body> </html>
