lide.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>