https://www.uoeh-u.ac.jp/library/common2020/js/top/top.js

1/*********************************************** */
2// バナー位置調整
3/*********************************************** */
4$(function(){
5  // メインビジュアルimage background に設定
6  $('.topViSlide ul li').each(function(){
7    imgsrc = $(this).children('img').attr('src');
8    $(this).children('img').remove();
9    $(this).css('background-image', 'url('+ imgsrc +')');
10  });
11
12  $('.topViSlide ul').bxSlider({
13    mode: 'fade',
14    auto: true,
15    infiniteLoop: true,
16    controls: false
17  });
18
19});
20
21/*==================================================
22  matchHeight
23==================================================*/
24$(function() {
25
26  $('.topDep__area .topDep__list').matchHeight();
27  $('.topPickupList .topPickupList__title a').matchHeight();
28
29});
30
31
32/*==================================================
33  topViBnr
34==================================================*/
35$(function() {
36  // 初期発動
37  if(window.matchMedia("(max-width:767px)").matches){
38    slickStart();
39  } else {
40    pcFunc();
41  }
42
43  // リサイズ用関数
44  function slickChange(){
45    if(window.matchMedia("(max-width:767px)").matches){
46      slickStart(); // slick 発動
47    } else {
48      pcFunc();
49      slickStop(); // slick 停止
50    }
51  }
52  // ウィンドウリサイズで実行
53  window.matchMedia("(max-width:767px)").addListener(slickChange);
54
55  // slick 発動関数
56  function slickStart(){
57    $('.topViBnr ul').slick({
58      autoplay:true,
59      autoplaySpeed:5000,
60      arrows: false,
61      centerMode: true,
62      variableWidth: true,
63    });
64  }
65
66  // slick 停止関数
67  function slickStop(){
68    $('.topViBnr ul').slick('unslick');
69  }
70
71  // PC表示用関数
72  function pcFunc(){
73    //alert();
74  }
75
76
77});
78
79