https://goope.jp/js/landing.js?1790236977

1$(function($) {
2    'use strict';
3
4    // header slide
5    var slideTime = 7000,
6        fadeSpeed = 1000,
7        firstSlide,
8        activeSlide,
9        nextSlide,
10        $slideItem = $('.js-landing__slide'),
11        $slideItemIndex = $('.js-landing__slide__index');
12    $slideItem.hide();
13    firstSlide = $slideItem.first().data('slide');
14    $('[data-slide=\'' + firstSlide + '\']').addClass('active').show();
15
16    setInterval(function() {
17        var $activeItem = $slideItemIndex.find('.active'),
18            $nextItem = $activeItem.next().length ? $activeItem.next() : $slideItem.first();
19        activeSlide = $activeItem.data('slide');
20        nextSlide = $nextItem.data('slide');
21        $('[data-slide=\'' + activeSlide + '\']').fadeOut(fadeSpeed).removeClass('active');
22        $('[data-slide=\'' + nextSlide + '\']').fadeIn(fadeSpeed).addClass('active');
23    }, slideTime);
24
25    // design slide
26    var templateHoverTimer = 200;
27
28    $('.js-landing__block__caption__design__image__wrap').hover(
29        function() {
30            if ($(this).find('.js-landing__design__image__list__wrap__cover').length != 0) {
31                $('.js-landing__design__image__list__wrap__cover').stop().fadeIn(templateHoverTimer);
32                $('.js-landing__design__image__list__wrap').stop().animate({opacity: 0.8}, templateHoverTimer);
33            }
34        },
35        function() {
36            if ($(this).find('.js-landing__design__image__list__wrap__cover').length != 0) {
37                $('.js-landing__design__image__list__wrap__cover').stop().fadeOut(templateHoverTimer);
38                $('.js-landing__design__image__list__wrap').stop().animate({opacity: 1}, templateHoverTimer);
39            }
40        }
41    );
42
43    $('.js-landing__design__image__list__wrap').click(function() {
44        var url = $(this).prev().find('.js-landing__thumbnail__new__button__preview').attr('href');
45        window.open(url, '_blank');
46    });
47
48    $('.js-landing__thumbnail__new__button__preview').click(function() {
49        event.stopPropagation();
50    });
51});