JAVASCRIPT   51
image js
Guest on 6th February 2023 02:17:33 AM


  1.  
  2. var $status = $('.pagingInfo');
  3. var $slickElement = $('.photo_slide');
  4.  
  5. $slickElement.on('init reInit afterChange', function(event, slick, currentSlide, nextSlide){
  6.     var i = (currentSlide ? currentSlide : 0) + 1;
  7.     $status.text(i + '/' + slick.slideCount);
  8. });
  9.  
  10. $slickElement.slick({
  11.     slide: 'li',               
  12.         infinite : true,        
  13.         slidesToShow : 1,              
  14.         slidesToScroll : 1,            
  15.         speed : 100,     
  16.         arrows : false,                
  17.         dots : false,          
  18.         autoplay : false,                      
  19.         pauseOnHover : true,           
  20.         vertical : false,              
  21.         draggable : true,      
  22. });
  23.         function room_pre(e) {
  24.                 var obj = e;
  25.                 obj.setAttribute('id','fo');
  26.                 $('.room_img_pop').hide();
  27.                 document.getElementById('proom').setAttribute('src',obj.getAttribute('src'));
  28.                 $('.mo_room_pop').show();
  29.                 $('html, body').addClass('fix');
  30.         }
  31.         function room_prev_slick(e) {
  32.                 if ($('.room_img_pop img').length > 0) {
  33.                         jQuery('.room_img_pop').slick('slickRemove', null, null, true);
  34.                         jQuery('.room_img_pop').slick('unslick');
  35.                         $('.room_img_pop').empty();
  36.                 }
  37.                 $('#proom').hide();
  38.                 var obj = e;
  39.                 obj.setAttribute('id','fo');
  40.                 var $el = $(obj);
  41.                 var $room_img_list = $el.closest('.photo_slide').find('.slick-slide:not(.slick-cloned) a');
  42.                 var img_index = 0;
  43.                 $room_img_list.each(function(idx) {
  44.                         if ($el.attr('src') == $(this).attr('src')) img_index = idx;
  45.                         $('.room_img_pop').append('<div><img src="'+ $(this).attr('src') +'" style="width:100%;" /></div>');
  46.                        
  47.                 });
  48.        
  49.                 $('.mo_room_pop').show();
  50.                
  51.                 jQuery(".room_img_pop").slick({
  52.                         infinite: true,
  53.                         slidesToShow: 1,
  54.                         slidesToScroll: 1,
  55.                         arrows : false,        
  56.                         initialSlide : img_index,
  57.                         dots: true,
  58.                         dotsClass: 'custom_paging',
  59.                         customPaging: function (slider, i) {
  60.                             console.log(slider);
  61.                             return  (i + 1) + '/' + slider.slideCount;
  62.                         }
  63.                 });
  64.        
  65.                 $(".room_img_pop").not('.slick-initialized').slick()
  66.        
  67.                 $('html, body').addClass('fix');
  68.         }
  69.         $('#btn_cancel').click(function() {
  70.                 $('.mo_room_pop').hide();
  71.                 $('html, body').removeClass('fix');
  72.                 $('#fo').focus();
  73.                 var obj = document.getElementById("fo");
  74.                 obj.removeAttribute('id');
  75.         });
  76.         $('#btn_cancel')

Raw Paste

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