<div class="m-banner">

   <p class="prev"><span class="spr_btnPrev"></span></p>

   <p class="next"><span class="spr_btnNext"></span></p>

   <div class="bnrImg">

     <div class="banner bnr4"><a target="_blank" href="//genji.anipani.jp/">源氏物語 男女逆転恋唄</a></div>

     <div class="banner bnr1"><a target="_blank" href="#">DAME×PRINCE</a></div>

     <div class="banner bnr2"><a target="_blank" href="#">君の秘密にドラマなキスを</a></div>

     <div class="banner bnr3"><a target="_blank" href="#">美男高校地球防衛部LOVE！GAME！</a></div>

   </div>

   <ul class="btnDot">

     <li><span class="spr_btnDot on"></span></li>

     <li><span class="spr_btnDot"></span></li>

     <li><span class="spr_btnDot"></span></li>

     <li><span class="spr_btnDot"></span></li>

   </ul>

 </div>

jQuery(function($){

  var $btnDot = $('.btnDot');

  var $navigation, $pagination, $previous, $next;

  var si = 0;

  var $spr_btnDot = $btnDot.find('.spr_btnDot');

  function handle(){

    clearInterval(si);

    si = setInterval(function(){

      $next.click();

    }, 5000);

  }

  $('.bnrImg').slidesjs({

    width: 320,

    height: 300,

    play: {

      interval: 5000,

      auto: false

    },

    callback: {

      loaded: function(num){

        $(".slidesjs-container").css("height", $('.bnrImg').height());

        $navigation = $('.slidesjs-navigation');

        $pagination = $('.slidesjs-pagination');

        $previous = $('.slidesjs-previous');

        $next = $('.slidesjs-next');

        handle();

      },

      complete: function(num){

        $spr_btnDot.removeClass('on');

        $spr_btnDot.eq(num-1).addClass('on');

      }

    }

  });

  $navigation.hide();

  $pagination.hide();

  var $m_banner = $('.m-banner');

  $m_banner.on('click', '.spr_btnPrev', function(){

    $previous.click();

    handle();

  });

  $m_banner.on('click', '.spr_btnNext', function(){

    $next.click();

    handle();

  });

  $btnDot.on('click', '.spr_btnDot', function(){

    var $this = $(this);

    var idx = $spr_btnDot.index($this);

    $pagination.find('a').eq(idx).click();

    handle();

  });

  function getMobileOperatingSystem() {

    var userAgent = navigator.userAgent || navigator.vendor || window.opera;

    if( userAgent.match( /iPad/i ) || userAgent.match( /iPhone/i ) || userAgent.match( /iPod/i ) || userAgent.match( /Android/i )) {

      $(window).unbind("resize");   //解决问题2

      window.onblur = function() {  //解决问题1

        clearInterval(si);

      };

      window.onfocus = function() {

        handle();

      };

    }

  }

  window.onload = function(){

    getMobileOperatingSystem();

  }

});