iper-slide">
 <img src="http://pic.99th.net/uploads_s/1655/s/E05/E05_@Ti_01579_@R8524.jpg" class="img-auto"
 data-name="E05_01579"
 data-cc="1080p"
 data-id="13508710"
 data-date=2020-10-29 img-o="http://pic.99th.net/uploads_o/1655/o/E05/E05_@Ti_01579_@R8524.jpg"
 img-b="http://pic.99th.net/uploads_m/1655/m/E05/E05_@Ti_01579_@R8524.jpg"
 id="small_img">
 </div>
  <div class="swiper-slide">
 <img src="http://pic.99th.net/uploads_s/1655/s/E05/E05_@Ti_01580_@R8932.jpg" class="img-auto"
 data-name="E05_01580"
 data-cc="1080p"
 data-id="13508711"
 data-date=2020-10-29 img-o="http://pic.99th.net/uploads_o/1655/o/E05/E05_@Ti_01580_@R8932.jpg"
 img-b="http://pic.99th.net/uploads_m/1655/m/E05/E05_@Ti_01580_@R8932.jpg"
 id="small_img">
 </div>
  </div>
 </div>
 <div class="btn prev-btn"><span></span></div>
 <div class="btn next-btn"><span></span></div>
 </div>
 </div>
 <div class="img-top"><center><script type="text/javascript" src="/ad/mobile_photo_middle.js"></script></center></div>
 <div class="img-info">
 <h3>圖片信息</h3>
 <p id="pic-name">圖片名稱：<span>E05_01567</span></p>
 <p id="pic-size">圖源尺寸：<span>1080p</span></p>
 <p id="pic-time">上傳於2020-10-29</p>
 </div>
 <div class="back-wrap">
  <a href="/mobile/intro_img/1655/sort_1/E05/index_0.html">返回圖集列表</a>
  <a href="/mobile/intro/1655.html">返回電影簡介</a>
 </div>
 </div>
 <div class="img-pop">
 <div class="mask"></div>
 <img src="" class="popimg-wrap">
 </div>
 <div class="gg-wrap two-gg-wrap container det-bottom">
 <center><script type="text/javascript" src="/ad/mobile_photo_bottom.js"></script></center><br>
 <center><script type="text/javascript" src="/ad/mobile_photo_bottom2.js"></script></center>
 <center><script type="text/javascript" src="/ad/mobile_photo_count.js"></script></center>
 </a>
 </div>
 <input type="hidden" value="2" id="index"/>
 <input type="hidden" value="1655" id="movie_id"/>
 <input type="hidden" value="1275" id="epi_id"/>
 <input type="hidden" value="2" id="order_id"/>
 <input type="hidden" value="0" id="is_last"/>
 <input type="hidden" value="1" id="page"/>
 <input type="hidden" value="0" id="is_first"/>
 <input type="hidden" value="" id="page_l"/>
 <input type="hidden" value="E05" id="epi_title"/>

<div class="bottom-menu">
    <ul class="clearfix">
        <li >
            <a href="/mobile/index.html">首頁</a>
        </li>
        <li class="cur">
            <a href="/mobile/movie/index.html">電影分類</a>
        </li>
        <li >
            <a href="/mobile/img/index.html">圖片推薦</a>
        </li>
        <li >
            <a href="/mobile/hot/index.html">熱門圖片</a>
        </li>
        <li >
            <a href="/mobile/rank/index.html">排行榜</a>
        </li>
    </ul>
</div>
</body>
<script type="text/javascript" src="/static/mobile/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/mobile/js/main.js"></script>
<script type="text/javascript">

    $(function(){
        var score = $('.score');
        var a = Math.round(score.text()) / 2 * 10;
        score.parent().children('.rating-star').addClass('star' + a);
    })
</script>

 <script type="text/javascript" src="/static/mobile/js/swiper.min.js"></script>
 <script>
 $(function(){
 $('.return-arr').click(function(){
 var is_epi = 1;
 var movie_id=$('#movie_id').val();
 var order_id=$('#order_id').val();
 var epi_id=$('#epi_id').val();
 var epi_title=$('#epi_title').val();
 if (is_epi==1) {
 window.location.href = "/mobile/intro_img/"+movie_id+"/sort_"+order_id+"/"+epi_title+"/index_0.html";
 }else{
 window.location.href = "/mobile/intro_img/"+movie_id+"/sort_"+order_id+"/index_0.html";
 }
 });

 var _index = $("#index").val();
 var _weizhi = parseInt($('.currentIndex').text());
 var _activeIndex;
 var preSwiper = new Swiper('.gallery-bottom',{
 spaceBetween: 6,
 slidesPerView: 4,
 resistanceRatio: 0,
 slidesPerColumn : 2,
 slidesPerColumnFill : 'row',
 onInit: function(swiper){
 var slide = $('.gallery-bottom .swiper-slide').eq(_index);
 $('.swiper-slide-active').removeClass('swiper-slide-active');
 slide.addClass('swiper-slide-active');
 $('.gallery-top').find('img').attr({
 'src' : slide.find('img').attr('img-b'),
 'img-o' : slide.find('img').attr('img-o')
 });
 },
 onTap: function(swiper){
 var cIndex = swiper.clickedIndex;
 if (!cIndex&&cIndex!=0) {console.log('000');return;}
 _index = cIndex;
 clickToSlide();
 },
 breakpoints: {
 //當寬度小於等於480
 480: {
 spaceBetween: 4,
 },
 }
 })

 window.onload = function() {
 var slide = $('.gallery-bottom .swiper-slide').eq(_index);
 $('.swiper-slide-active').removeClass('swiper-slide-active');
 slide.addClass('swiper-slide-active');
 $('.gallery-top').find('img').attr({
 'src' : slide.find('img').attr('img-b'),
 'img-o' : slide.find('img').attr('img-o')
 });
 }

 // 左切換
 $('.prev-btn').on('touchstart', function(e) {
 e.preventDefault();
 var page_l=$('#page_l').val();
 if(page_l == 2){
 alert('親，這是第一頁咯');
 return false;
 }
 var id = $('.preview .swiper-slide').eq(_index).find('img').attr('data-id');
 var class_id=$('#movie_id').val();
 var order_id=$('#order_id').val();
 var epi_id=$('#epi_id').val();
 var epi_title=$('#epi_title').val();
 if(epi_id.length!=0){
 window.location.href='/mobile/photo/'+class_id+'/sort_'+order_id+'/'+epi_title+'/'+id+'/'+'last_page.html';
 }else{
 window.location.href='/mobile/photo/'+class_id+'/sort_'+order_id+'/'+id+'/'+'last_page.html';
 }
 })
 //右切換
 $('.next-btn').on('touchstart', function(e) {
 e.preventDefault();
 var page=$('#page').val();
 if(page == 2){
 alert('親，這是最後一頁咯');
 return false;
 }
 var id = $('.preview .swiper-slide').eq(_index).find('img').attr('data-id');
 var class_id=$('#movie_id').val();
 var order_id=$('#order_id').val();
 var epi_id=$('#epi_id').val();
 var epi_title=$('#epi_title').val();
 if(epi_id.length!=0){
 window.location.href='/mobile/photo/'+class_id+'/sort_'+order_id+'/'+epi_title+'/'+id+'/'+'next_page.html';

 }else{
 window.location.href='/mobile/photo/'+class_id+'/sort_'+order_id+'/'+id+'/'+'next_page.html';
 }
 })

 function clickToSlide(){
 var id = $('.preview .swiper-slide').eq(_index).find('img').attr('data-id');
 var class_id=$('#movie_id').val();
 var order_id=$('#order_id').val();
 var epi_id=$('#epi_id').val();
 // window.location.href='/movie/photo.html?class_id='+ class_id+'&order_id='+order_id+'&id='+id+'&epi_id='+epi_id ;

 var epi_title=$('#epi_title').val();
 if(epi_id.length!=0){
 window.location.href='/mobile/photo/'+class_id+'/sort_'+order_id+'/'+epi_title+'/'+id+'.html';
 }else{
 window.location.href='/mobile/photo/'+class_id+'/sort_'+order_id+'/'+id+'.html';
 }
 }

 function tap(el,fn){
 var startPoint = {};
 el.addEventListener('touchstart', function(e) {
 startPoint = {
 x: e.changedTouches[0].pageX,
 y: e.changedTouches[0].pageY
 };
 });
 el.addEventListener('touchend', function(e) {
 var nowPoint = {
 x: e.changedTouches[0].pageX,
 y: e.changedTouches[0].pageY
 };
 if(Math.abs(nowPoint.x - startPoint.x) < 5
 &&Math.abs(nowPoint.y - startPoint.y) < 5) {
 fn&&fn.call(el,e)
 }
 });
 }
 // $('.gallery-top img').on('touchstart', function(event) {
 // if($('#is_last').val() == 1){
 // alert('親，這是最後一張咯');
 // return false;
 // }
 // _index++;
 // clickToSlide();
 // });
 function imgClick() {
 if($('#is_last').val() == 1){
 alert('親，這是最後一張咯');
 return false;
 }
 _index++;
 clickToSlide();
 }
 tap(document.querySelector(".gallery-top img"),imgClick);


 $('.blow-up').click(function(event) {
 $('.img-pop').show();
 $('body,html').addClass('banScroll');
 $('.popimg-wrap').attr('src', $('.gallery-top img').attr('img-o'));
 });
 $('.mask').on('touchstart', function(event) {
 event.preventDefault();
 $('.img-pop').hide();
 $('body,html').removeClass('banScroll');
 $('.popimg-wrap').attr('src', '');
 });
 })
 </script>

</html>