https://www.jestina.co.kr/content/js/main_featured_ui.js

1$(function() {
2	
3	var isAutoSlideVisual = true;	// 비주얼 자동 슬라이드 여부
4	
5	//----------------------------------------------------------------------------------------------------------------------------
6	// Visual Banner Slider
7	var visualSwiper = new Swiper('.viusal-swiper-container', {
8		autoplay: 5000,
9		speed: 1000,
10		loop: true,
11		pagination: '.viusal-wrap .pagination',
12		paginationClickable: true,
13		prevButton: '.inner-visual-btn .btn-prev',
14		nextButton: '.inner-visual-btn .btn-next',
15		autoplayDisableOnInteraction: false
16	});
17	
18	$('.viusal-wrap .visual-pagination a.btn-pause').click(function() {
19		isAutoSlideVisual == true ? visualSwiper.stopAutoplay() : visualSwiper.startAutoplay();
20		isAutoSlideVisual = !isAutoSlideVisual;
21		$(this).toggleClass('playing');
22		
23		return false;
24	});
25	
26	//----------------------------------------------------------------------------------------------------------------------------
27	// Center Double Slide Banner
28	$('.banner-wrap .slider-pro').sliderPro({
29		height: 300,
30		autoplay: false,
31		visibleSize: '100%',
32		slideDistance: 14,
33		arrows: true,
34		fadeArrows: false,

35		buttons: false
36	});
37	
38	//----------------------------------------------------------------------------------------------------------------------------
39	// Pick me deal Slide Banner
40	var pickmeSwiper = new Swiper('.pickme-swiper-container', {
41		autoplay: 4000,
42		speed: 600,
43		loop: true,
44		pagination: '.pickme-banner .pagination',
45		paginationClickable: true,
46		autoplayDisableOnInteraction: false
47	});
48	
49	//----------------------------------------------------------------------------------------------------------------------------
50	// Brand/New/Trend 상품
51	$('.goods-list ul li .goods-img-wrap').mouseenter(function() {
52		// onlinepowers-20190415-start
53		//TweenMax.to( $('.goods-img', this), 1, {scale: 1.05, rotationZ:0.01, ease:Quint.easeOut} );
54		// onlinepowers-20190415-end
55		TweenMax.fromTo( $('.goods-img-over', this), 1, {scale: 1.05, opacity: 0}, {scale: 1, opacity: 1, rotationZ:0.01, ease:Quint.easeOut} );
56		TweenMax.to( $('.keeping', this.parentNode), 0.5, {bottom: 0, ease:Quint.easeOut} );
57	}).mouseleave(function() {
58		// onlinepowers-20190415-start
59		//TweenMax.to( $('.goods-img', this), 1, {scale: 1, rotationZ:0.01, ease:Quint.easeOut} );
60		// onlinepowers-20190415-end
61		TweenMax.to( $('.goods-img-over', this), 1, {scale: 1.05, rotationZ:0.01, opacity: 0, ease:Quint.easeOut} );
62		TweenMax.to( $('.keeping', this.parentNode), 0.5, {bottom: -37, ease:Quint.easeOut} );
63
64	});
65	
66	$('.goods-list ul li .keeping').mouseenter(function() {
67		// onlinepowers-20190415-start
68		//TweenMax.to( $('.goods-img-wrap .goods-img', this.parentNode), 1, {scale: 1.05, rotationZ:0.01, ease:Quint.easeOut} );
69		// onlinepowers-20190415-end
70		TweenMax.to( $('.goods-img-wrap .goods-img-over', this.parentNode), 1, {scale: 1, rotationZ:0.01, opacity: 1, ease:Quint.easeOut} );
71		TweenMax.to( $(this), 0.5, {bottom: 0, ease:Quint.easeOut} );
72	}).mouseleave(function() {
73		// onlinepowers-20190415-start
74		//TweenMax.to( $('.goods-img-wrap .goods-img', this.parentNode), 1, {scale: 1, rotationZ:0.01, ease:Quint.easeOut} );
75		// onlinepowers-20190415-end
76		TweenMax.to( $('.goods-img-wrap .goods-img-over', this.parentNode), 1, {scale: 1.05, rotationZ:0.01, opacity: 0, ease:Quint.easeOut} );
77		TweenMax.to( $(this), 0.5, {bottom: -37, ease:Quint.easeOut} );
78	});
79	
80	//----------------------------------------------------------------------------------------------------------------------------
81	// Brand Tab Slide Contents
82	var tabSwiper = new Swiper('.main-section2 .brand-swiper-container', {
83		slidesPerView: 'auto',
84		prevButton: '.main-section2 .brand-btn .inner-brand-btn .btn-prev',
85		nextButton: '.main-section2 .brand-btn .inner-brand-btn .btn-next'
86	});
87	
88	$('.main-section2 .brand-swiper-container, .main-section2 .brand-btn').mouseenter(function() {
89		$('.main-section2 .brand-btn').stop().fadeIn(200);
90	}).mouseleave(function() {
91		$('.main-section2 .brand-btn').stop().fadeOut(200);
92	});
93	
94	$('.main-section2 .thumbnail-wrap .thumbnail, .main-section2 .thumbnail-wrap .thumbnail-over').mouseenter(function() {
95		showBrandGoodsInfo($(this).parent(), true);
96	}).mouseleave(function() {
97		showBrandGoodsInfo($(this).parent(), false);
98	});
99	
100	function showBrandGoodsInfo(goods, show)
101	{
102		show ? $('.thumbnail-over', goods).stop().fadeIn(300) : $('.thumbnail-over', goods).stop().fadeOut(150);
103	}
104	
105	$('.main-section2 .brand-swiper-container .swiper-slide > a').click(function() {
106		$('.main-section2 .brand-swiper-container .swiper-slide > a').removeClass('on');
107		$(this).addClass('on');
108		$('.main-section2 .brand-tab-content .brand-content').hide();
109		$('.main-section2 .brand-tab-content .brand-content').eq($(this.parentNode).index()).show();
110		
111		return false;
112	});
113	
114	//----------------------------------------------------------------------------------------------------------------------------
115	// MAGAZINE
116	$('.magazine ul li a').mouseenter(function() {
117		TweenMax.to( $('.magazine-img img', this), 1, {scale: 1.05, rotationZ:0.01, ease:Quint.easeOut} );
118		TweenMax.to( $('.magazine-img .magazine-label', this), 0.5, {backgroundColor:'rgba(0,0,0,1)'} );
119		TweenMax.to( $('.magazine-img .magazine-tit', this), 0.5, {height: 32, ease:Quint.easeOut} );
120	}).mouseleave(function() {
121		TweenMax.to( $('.magazine-img img', this), 1, {scale: 1, rotationZ:0, ease:Quint.easeOut} );
122		TweenMax.to( $('.magazine-img .magazine-label', this), 0.5, {backgroundColor:'rgba(0,0,0,0.5)'} );
123		TweenMax.to( $('.magazine-img .magazine-tit', this), 0.5, {height: 18, ease:Quint.easeOut} );
124	});
125	
126});