https://zdnet.co.kr/js/common_index.js?ver=20240927T1

1// JavaScript Document
2
3//메인 탑 슬라이드
4var slideImgNo = 1;
5var maxSlideImgNo = 3;
6//메인 탑 슬라이드 버튼 클릭
7$(function(){
8    $(".switch-page").click(function () {
9		slideImgNo++;
10		if(slideImgNo>maxSlideImgNo){
11			slideImgNo = 1;
12		}
13		var slideImage = "#slideImg" + slideImgNo;
14
15		$('#slideImg1').attr('class','page hidden');
16		$('#slideImg2').attr('class','page hidden');
17		$('#slideImg3').attr('class','page hidden');
18
19		$(slideImage).attr('class','page');
20	});
21});
22
23// 메인 탑 슬라이드
24$(document).ready(function (){
25	var runslide = setInterval(function(){
26		slideImgNo++;
27		if(slideImgNo>maxSlideImgNo){
28			slideImgNo = 1;
29		}
30		var slideImage = "#slideImg" + slideImgNo;
31
32		$('#slideImg1').attr('class','page hidden');
33		$('#slideImg2').attr('class','page hidden');
34		$('#slideImg3').attr('class','page hidden');
35
36		$(slideImage).attr('class','page');		
37
38	},10000);	
39});
40
41// 슬라이드 설정
42$(window).on('load', function() {
43	//메인 탑 슬라이드 new
44	$('#top_slider').flexslider({
45		animation: "fade", // 애니메이션 유형 fade , slide
46		direction: "horizontal", // 슬라이딩 방향 horizontal , vertical
47		slideshowSpeed: 7000, // 슬라이드 쇼의 속도 설정
48		animationSpeed: 600, // 애니메이션 속도 설정
49		controlNav: false,
50		pauseOnHover : true, // 마우스 오버시 멈춤
51		pauseOnAction :false,  // 화살표 지정시 애니 멈춤
52	});
53		
54	//뉴스앤게임 슬라이드
55	$('#slider_newsngame').flexslider({	
56		animation: "fade", // 애니메이션 유형 fade , slide
57		direction: "horizontal", // 슬라이딩 방향 horizontal , vertical
58		slideshowSpeed: 6600, // 슬라이드 쇼의 속도 설정
59		animationSpeed: 600, // 애니메이션 속도 설정
60		touch: false, // 터치 
61		directionNav: false, // 화살표 제거
62		pauseOnHover: true, // 마우스 오버시 멈춤
63		pauseOnAction:false,  // 화살표 지정시 애니 멈춤
64	});	
65	
66	//뷰페이지 탑기사 슬라이드
67	$('#slider_top_bar').flexslider({
68		animation: "slide", // 애니메이션 유형 fade , slide
69		direction: "vertical", // 슬라이딩 방향 horizontal , vertical
70		slideshowSpeed: 4000, // 슬라이드 쇼의 속도 설정
71		animationSpeed: 360, // 애니메이션 속도 설정		
72		controlNav: false, // 점제거 
73		directionNav: false, // 화살표 제거
74		pauseOnHover: true, // 마우스 오버시 멈춤
75		touch: false, // 터치
76	});
77	
78	//
79	// 포토뉴스 슬라이드
80	$('#carousel').flexslider({
81		animation: "slide",
82		controlNav: false,
83		animationLoop: false,
84		slideshow: false,
85		itemWidth: 130,
86		itemMargin: 3,
87		minItems: 1,
88		maxItems: 5,
89		asNavFor: '#slider'
90	});
91	
92	$('#slider').flexslider({
93		animation: "fade",		
94		animationLoop: false,
95		controlNav: false,
96		slideshow: false,
97		smoothHeight: true,
98		sync: "#carousel",
99		customDirectionNav: $(".custom-navigation a"),
100		start: function(slider) {
101			$(".slide-current-slide").text(slider.currentSlide+1);
102			$(".slide-total-slides").text("of"+slider.count)
103		},
104		before:function(slider){
105			$(".slide-current-slide").text(slider.animatingTo+1)
106		}
107	});
108		
109});
110
111
112// 메인 레이어 팝업
113
114function closeWin() { 
115	document.getElementById("main_Floating_banner").style.visibility = "hidden";     
116}    
117
118$(window).resize(function() {
119	var marginTop10 = 689;
120	var layerLeft10= (document.body.clientWidth+1340)/2-939;
121	$("#main_Floating_banner").attr("style", "position:absolute; top:" + marginTop10 + "px; left:" + layerLeft10 + "px; z-index:10;");
122});
123
124$(document).ready(function(){
125	var main_Floating_banner = function(isInit) {
126		var layerLeft10 = (document.body.clientWidth+1340)/2-939;
127		var marginTop = 689;
128		$("#main_Floating_banner").attr("style", "position:absolute; top:" + marginTop + "px; left:" + layerLeft10 + "px; z-index:10;");
129	}
130    main_Floating_banner(true);
131});
132
133
134
135/*
136//23-05-19 추가
137function closeWin2() { 
138	document.getElementById("main_Floating_banner2").style.visibility = "hidden";     
139}    
140
141$(window).resize(function() {
142	var marginTop10 = 640;
143	var layerLeft10= (document.body.clientWidth+1032)/2-456;
144	$("#main_Floating_banner2").attr("style", "position:absolute; top:" + marginTop10 + "px; left:" + layerLeft10 + "px; z-index:10;");
145});
146
147$(document).ready(function(){
148	var main_Floating_banner = function(isInit) {
149			 var layerLeft10 = (document.body.clientWidth+1032)/2-456;
150			 var marginTop = 640;
151			 $("#main_Floating_banner2").attr("style", "position:absolute; top:" + marginTop + "px; left:" + layerLeft10 + "px; z-index:10;");
152	}
153    main_Floating_banner(true);
154});
155*/
156
157
158
159