https://www.rakuten-sonpo.co.jp/Portals/0/js/top/index.js?20211215

1/* ------------------------------------------
2    carousel
3------------------------------------------ */
4/*-- mainVisual --*/
5/*$(function(){
6  $('.variable-width').slick({
7    dots: false,
8    infinite: true,
9    speed: 300,
10    slidesToShow: 2,
11    centerMode: true,
12    variableWidth: true,
13    initialSlide: 1
14  });
15});*/
16
17/*-- info --*/
18/*$(function () {
19  $('.info-more').click(function() {
20    $('.info-hide').slideToggle('fast');
21    $(this).toggleClass("active");
22  });
23});*/
24
25/* ------------ ProductsCarousel ------------ */
26jQuery(function ($) {
27  $('#productsCarousel').ready(function () {
28    $('#productsCarousel').slick({
29      arrows: true,
30      autoplay: true,
31      autoplaySpeed: 3500,
32      dots: false,
33      dotsClass: 'slick-dots',
34      infinite: true,
35      slidesToShow: 4,
36      slidesToScroll: 1,
37      responsive: [
38        {
39          breakpoint: 768,
40          settings: {
41            infinite: true,
42            slidesToShow: 1,
43            slidesToScroll: 1,
44            arrows: true,
45            dots: false,
46            slidesToShow: 2,
47            slidesToScroll: 1,
48          }
49        },
50        {
51          breakpoint: 901,
52          settings: {
53            slidesToShow: 3,
54            slidesToScroll: 1,
55          }
56        },
57        {
58          breakpoint: 576,
59          settings: {
60            slidesToShow: 1,
61            slidesToScroll: 1,
62            centerMode: true,
63            centerPadding: '15%',
64          }
65        }
66      ]
67    });
68  });
69});
70
71jQuery(function ($) {
72  $('#js-slider01').ready(function () {
73    $('#js-slider01').slick({
74        arrows: false,
75        dots: true,
76        accessibility: true,
77        autoplay: true,
78        autoplaySpeed: 10000,
79        speed: 1000,
80        dotsClass: 'slick-dots'
81      });
82  });
83});
84
85jQuery(function ($) {
86  $('#js-slider02').ready(function () {
87    $('#js-slider02').slick({
88        arrows: false,
89        dots: true,
90        accessibility: true,
91        autoplay: true,
92        autoplaySpeed: 10000,
93        speed: 1000,
94        dotsClass: 'slick-dots'
95      });
96  });
97});
98
99/* タブ切り替え -------------------------------------------------------------- */
100jQuery(function ($) {
101  $(function () {
102    $('.tabBoxWrap').each(function () { //最初のボックスにcurを付与
103      $(this).find('.tabTitle').find('li.tabBtn').eq(0).addClass("cur");
104      $(this).find('.tabContents').find('li.tabContentsList').eq(0).addClass("cur");
105    });
106    $('.tabBoxWrap').find('.tabTitle').find('li').click(function () { //クリックでcur切り替え
107      console.log("test");
108      var i = $(this).index();
109      $(this).siblings().removeClass('cur');
110      $(this).addClass('cur');
111      $(this).closest('.tabBoxWrap').find('.tabContents').find('.tabContentsList').siblings().removeClass('cur');
112      $(this).closest('.tabBoxWrap').find('.tabContents').find('.tabContentsList').eq(i).addClass('cur');
113    });
114  });
115});
116
117/* randomViewMV -------------------------------------------------------------- */
118
119var rmd = Math.floor(Math.random() * 100) + 1;
120
121function randomViewMV(){
122    var elem = document.getElementById('mainVisualItem');
123    var elem02 = document.getElementById('mainVisualItem_bottom');
124    var windowSize = window.innerWidth;
125    var breakpoint = 576;
126
127    if (rmd < 50) {
128        var paramAlt = 'ポイントプログラムスタート　楽天損保の商品は、楽天ポイントが貯まる・使える。【詳細はこちら】';
129        var paramHref = '/point_program/tabid/1120/Default.aspx';
130        if (windowSize > breakpoint) {
131          //PCVisual
132          var paramSrc = '/Portals/0/images/top/mainVisual_coin_point.jpg';
133        } else {
134          //SPVisual
135          var paramSrc = '/Portals/0/images/top/mainVisual_coin_point_sp.jpg';
136        }
137    }  else {
138        var paramAlt = 'ご家族・お友達ご紹介キャンペーン';
139        if (windowSize > breakpoint) {
140          //PCVisual
141          var paramSrc = '/Portals/0/images/top/mainVisual_introduceCampaign_02.png?20211201';
142          var paramHref = '/lp/tabid/1149/Default.aspx?scid=wi_sonpo_top_carousel_pc_mgm_campaign_202105&argument=bdhoDoBc&dmai=a60a600125541e';
143        } else {
144          //SPVisual
145          var paramSrc = '/Portals/0/images/top/mainVisual_introduceCampaign_sp_02.png?20211201';
146          var paramHref = '/lp/tabid/1149/Default.aspx?scid=wi_sonpo_top_carousel_sp_mgm_campaign_202105&argument=bdhoDoBc&dmai=a60a600125f46d';
147        }
148    }
149
150    if(elem.hasChildNodes()){
151        var href_elem = elem.firstElementChild;
152        var img_elem = href_elem.firstElementChild;
153        href_elem.setAttribute("href",paramHref);
154        img_elem.setAttribute("src",paramSrc);
155        
156    } else {
157        insertBnr(paramSrc, paramAlt, paramHref);
158        function insertBnr(paramSrc, paramAlt, paramHref) {
159            var image = document.createElement('img');
160            var link = document.createElement('a');
161
162            image.src = paramSrc;
163            image.alt = paramAlt;
164            link.href = paramHref;
165            link.target = '';
166            elem.appendChild(link).appendChild(image);
167        }
168    };
169    
170    if(elem02.hasChildNodes()){
171        var href_elem = elem02.firstElementChild;
172        var img_elem = href_elem02.firstElementChild;
173        href_elem.setAttribute("href",paramHref);
174        img_elem.setAttribute("src",paramSrc);
175        
176    } else {
177        insertBnr(paramSrc, paramAlt, paramHref);
178        function insertBnr(paramSrc, paramAlt, paramHref) {
179            var image = document.createElement('img');
180            var link = document.createElement('a');
181
182            image.src = paramSrc;
183            image.alt = paramAlt;
184            link.href = paramHref;
185            link.target = '';
186            elem02.appendChild(link).appendChild(image);
187        }
188    };
189};

190
191window.addEventListener('DOMContentLoaded', function(){
192    randomViewMV();
193})
194window.onresize = function(){
195    randomViewMV();
196}
197
198$(function(){
199  /* !lstToggle(アコーディオン) ---------------------------------------------------------------- */
200  var lstToggle = function() {
201    $('[data-trigger="lstToggle"]').on('click', function() {
202        $(this).next().slideToggle(300);
203        if ($(this).attr('aria-selected') === 'false') {
204            $(this).attr('aria-selected' , 'true');
205            $(this).next().attr('aria-expanded' , 'true');
206        } else if ($(this).attr('aria-selected') === 'true') {
207            $(this).attr('aria-selected' , 'false');
208            $(this).next().attr('aria-expanded' , 'false');
209        }
210    });
211    $('[data-trigger="lstToggleClose"]').on('click', function() {
212        $(this).parents('[data-target="lstToggleWrap"]').find('[aria-expanded]').attr('aria-expanded' , 'false').slideToggle(300);
213        $(this).parents('[data-target="lstToggleWrap"]').find('[aria-selected]').attr('aria-selected' , 'false');
214    });
215  }
216
217});