https://www.veinpain.or.kr/img_up/shop_pds/vein/build/page_inc/pc_2921_bottom_kr.js

1/*     24046 : 이미지 슬라이드 (메인용)      */
2jQuery(function($) {
3	var
4		def = $.Deferred(),
5		$owl = $('#owl__24046__'),
6		$nav= $('#owl_num__24046__'),
7		$thumb = $('#owl_thumb__24046__'),
8		duration = 300
9	;
10
11	changeSrc($owl,def);
12
13	$(window).on('resize',function(){
14		changeSrc($owl,def);
15	});
16
17	def.promise().done(function(){
18		loadCarousel($owl);
19	});
20
21	function changeSrc($owl,def){
22		if(Modernizr.mq('only all and (min-width:768px)')==true){
23			$owl.find('.main_img').each(function(){
24				$(this).attr('src',$(this).attr('data-src'));
25			});
26		}else{
27			$owl.find('.main_img').each(function(){
28				$(this).attr('src',$(this).attr('data-src-m'));
29			});
30		}
31		def.resolve(true);
32	}
33
34	function loadCarousel($owl){
35		$owl.owlCarousel({
36			margin: 0,								// 이미지 간격
37			loop: true,								// 무한 반복
38			center: false,							// 액티브 슬라이드 가운데 정렬
39			mouseDrag: true,						// 마우스 드레그 사용
40			touchDrag: true,						// 터치 드레그 사용
41			stagePadding: 0,						// 스테이지 여백 (좌우 슬라이드 노출)
42			nav: false,					// 방향 네비게이션
43			dots: true,				// 하단 네비게이션
44			dotsEach: false,						// 하단 네비게이션 (페이지별 출력,항목별 출력)
45			autoplay: true,							// 자동 재생
46			autoplayTimeout: 5000,					// 자동 재생 속도
47			smartSpeed: duration,						// 슬라이드 속도
48			responsiveRefreshRate: 0,				// 반응형 체크 시간
49			startPosition: 0,						// 시작 슬라이드 번호
50			autoplayHoverPause: false,				// 마우스 오버시 일시정지
51			responsiveClass: false,					// 반응형 class명 사용 (owl-reponsive-0)
52			navContainer: false,					// 방향 네비게이션 커스터마이징
53			dotsContainer: '#owl_thumb__24046__',					// 하단 네비게이션 커스터마이징
54			items:1,								// 한 화면 출력수
55			slideBy:1,								// 한번에 슬라이드 되는 수
56			animateOut: 'fadeOut'	// 슬라이드(''), 페이드(fadeOut)
57		})
58		.on('changed.owl.carousel', function(e){
59			var
60				cloned_count = $owl.find('.cloned').length,
61				this_index = e.item.index - cloned_count / 2
62			;
63
64			if(3 >= this_index + 1){
65				if(this_index + 1 < 10){
66					$nav.find('.current_num').text('0' + parseInt(this_index + 1));
67				}else{
68					$nav.find('.current_num').text(this_index + 1);
69				}
70			}else if(3 < this_index + 1){
71				$nav.find('.current_num').text('01');
72			}
73			if(this_index == -1){
74				$nav.find('.current_num').text(3);
75			}
76		});
77	}
78
79	$thumb.find('.item').each(function(){
80		$(this).on('click',function(e){
81			e.preventDefault();
82			var this_index = $(this).index();
83			$owl.trigger('to.owl.carousel', [this_index, duration, true]);
84		})
85	});
86});
87
88/*     24314 : 블록 설정      */
89jQuery(function($){
90	var $this = $('.block_option__24314__');
91	$this.closest('.row').addClass('row__24314__');
92})
93
94/*     24315 : 셀 설정      */
95jQuery(function($){
96	var $this = $('.cell_option__24315__');
97	$this.closest('.col > div').addClass('col__24315__');
98})
99
100/*     24316 : 최근 게시글 탭 - 목록형      */
101jQuery(function($){
102	$('#tab___24316__ .tab-btn a').on('mouseenter click',function(){
103		var href= $(this).attr('href');
104		if ($(this).parents('li').hasClass('on') == false) {
105			$(href).addClass('on').siblings('.tab-cont').removeClass('on');
106			$(this).parents('li').addClass('on').siblings('li').removeClass('on');
107			return false;
108		}
109		return false;
110	});
111});
112
113/*     28475 : 이미지 슬라이드 (반응형)      */
114jQuery(function($) {
115	$('#owl__28475__').owlCarousel({
116		margin: 40,				// 이미지 간격
117		loop: true,									// 무한 반복
118		center: false,								// 액티브 슬라이드 가운데 정렬
119		mouseDrag: true,							// 마우스 드레그 사용
120		touchDrag: true,							// 터치 드레그 사용
121		stagePadding: 0,							// 스테이지 여백 (좌우 슬라이드 노출)
122		nav: true,						// 방향 네비게이션
123		dots: false,					// 하단 네비게이션

124		dotsEach: false,							// 하단 네비게이션 (페이지별 출력,항목별 출력)
125		autoplay: true,								// 자동 재생
126		autoplayTimeout: 5000,						// 자동 재생 속도
127		smartSpeed: 250,							// 슬라이드 속도
128		responsiveRefreshRate: 0,					// 반응형 체크 시간
129		startPosition: 0,							// 시작 슬라이드 번호
130		URLhashListener: false,						// #URL 로 액티브 슬라이드 동작
131		autoplayHoverPause: false,					// 마우스 오버시 일시정지
132		responsiveClass: false,						// 반응형 class명 사용 (owl-reponsive-0)
133		navContainer: false,						// 방향 네비게이션 커스터마이징
134		dotsContainer: false,						// 하단 네비게이션 커스터마이징
135		responsive: {								// 반응형
136			0: {
137				items:2,	// 한 화면 출력수 (모바일)
138				slideBy:2	// 한번에 슬라이드 되는 수 (모바일)
139			},
140			768: {
141				items:4,	// 한 화면 출력수 (태블릿)
142				slideBy:4	// 한번에 슬라이드 되는 수 (태블릿)
143			},
144			1024: {
145				items:4,		// 한 화면 출력수 (PC)
146				slideBy:4		// 한번에 슬라이드 되는 수 (PC)
147			}
148		}
149	})
150});
151