JAVASCRIPT   58

bxslider

Guest on 21st June 2022 02:05:28 AM

  1. // bxslider
  2.  
  3. $(window).load(function() {
  4.         var activeClass = 'active-slide';
  5.         var slider = $('.bxslider').bxSlider({
  6.                 auto:true,
  7.                 controls:true,
  8.                 pager:false,
  9.                 slideMargin:20,
  10.                 speed:1000,
  11.                 moveSlides:1,
  12.                 onSliderLoad: function() {
  13.                         $('.bxslider').children('li').eq(2).addClass(activeClass);
  14.                         $('.bxslider').children('li').eq(5).addClass(activeClass);
  15.                 },
  16.                 onSlideBefore: function($slideElement, oldIndex, newIndex) {
  17.                         $('.bxslider').children('li').removeClass(activeClass).eq(newIndex + 2).addClass(activeClass);
  18.                         if(newIndex == 0) {
  19.                                 $('.bxslider').children('li').eq(newIndex + 5).addClass(activeClass);
  20.                         } else if (newIndex == 2) {
  21.                                 $('.bxslider').children('li').eq(newIndex - 1).addClass(activeClass);
  22.                         }
  23.                 }
  24.         });
  25.  
  26.  
  27.         var tcw;
  28.         $(window).on("resize" , function() {
  29.  
  30.                 var cw = window.innerWidth;
  31.                 if (tcw < 760 && 760 <= cw) {
  32.                         slider.reloadSlider({
  33.                                 auto:true,
  34.                                 controls:true,
  35.                                 pager:false,
  36.                                 speed:1000,
  37.                                 moveSlides:1,
  38.                 });
  39.                 }else if ( tcw > 760 && 760 >= cw){
  40.                         slider.reloadSlider({
  41.                                 auto:true,
  42.                                 controls:true,
  43.                                 pager:false,
  44.                                 slideMargin:20,
  45.                                 speed:1000,
  46.                                 moveSlides:1,
  47.                                 onSliderLoad: function() {
  48.                                         $('.bxslider').children('li').eq(2).addClass(activeClass);
  49.                                         $('.bxslider').children('li').eq(5).addClass(activeClass);
  50.                         },
  51.                         onSlideBefore: function($slideElement, oldIndex, newIndex) {
  52.                                 $('.bxslider').children('li').removeClass(activeClass).eq(newIndex + 2).addClass(activeClass);
  53.                                 if(newIndex == 0) {
  54.                                         $('.bxslider').children('li').eq(newIndex + 5).addClass(activeClass);
  55.                                 } else if (newIndex == 2) {
  56.                                         $('.bxslider').children('li').eq(newIndex - 1).addClass(activeClass);
  57.                                 }
  58.                         }
  59.                 });
  60.                 }
  61.                 tcw = cw;
  62.  
  63.         });
  64. });
  65.  
  66.  
  67. // json蜿悶j霎シ縺ソ
  68. 霎シ縺ソ
  69. $(function(){
  70.        
  71.                 $.getJSON('/jgbs/individual/kojinmuke/shared/updata/riritsu.php',function(json){
  72.                        
  73.                         var hendou10_riritsu01 = json.riritsu[0].hendou10_riritsu01;
  74.                         var hendou10_riritsu02 = json.riritsu[0].hendou10_riritsu02;
  75.                         var hendou10_txt01 = json.riritsu[0].hendou10_txt01;
  76.                         var hendou10_txt02 = json.riritsu[0].hendou10_txt02;
  77.                         var hendou10_limit = json.riritsu[0].hendou10_limit;
  78.  
  79.                         var kotei5_riritsu01 = json.riritsu[0].kotei5_riritsu01;
  80.                         var kotei5_riritsu02 = json.riritsu[0].kotei5_riritsu02;
  81.                         var kotei5_txt01 = json.riritsu[0].kotei5_txt01;
  82.                         var kotei5_txt02 = json.riritsu[0].kotei5_txt02;
  83.                         var kotei5_limit = json.riritsu[0].kotei5_limit;
  84.  
  85.                         var kotei3_riritsu01 = json.riritsu[0].kotei3_riritsu01;
  86.                         var kotei3_riritsu02 = json.riritsu[0].kotei3_riritsu02;
  87.                         var kotei3_txt01 = json.riritsu[0].kotei3_txt01;
  88.                         var kotei3_txt02 = json.riritsu[0].kotei3_txt02;
  89.                         var kotei3_limit = json.riritsu[0].kotei3_limit;
  90.                        
  91.  
  92.                         $('#contents .introduce ul li:first-child .riritu').html('<span class="first">' + hendou10_riritsu01.slice(0,1) + '</span><span class="second">' + hendou10_riritsu01.slice(2,3) + '</span><span class="third">' + hendou10_riritsu01.slice(3,4) + '</span>');
  93.  
  94.                         $('#contents .introduce ul li:first-child .num').html(hendou10_txt01.slice(0,-11));
  95.  
  96.                         $('#contents .introduce ul li:nth-child(2) .riritu').html('<span class="first">' + kotei5_riritsu01.slice(0,1) + '</span><span class="second">' + kotei5_riritsu01.slice(2,3) + '</span><span class="third">' + kotei5_riritsu01.slice(3,4) + '</span>');
  97.  
  98.                         $('#contents .introduce ul li:nth-child(2) .num').html(kotei5_txt01.slice(0,-10));
  99.  
  100.                         $('#contents .introduce ul li:last-child .riritu').html('<span class="first">' + kotei3_riritsu01.slice(0,1) + '</span><span class="second">' + kotei3_riritsu01.slice(2,3) + '</span><span class="third">' + kotei3_riritsu01.slice(3,4) + '</span>');
  101.  
  102.                         $('#contents .introduce ul li:last-child .num').html(kotei3_txt01.slice(0,-10

Raw Paste


Login or Register to edit or fork this paste. It's free.