Advertisement
Guest User

Untitled

a guest
Jun 29th, 2017
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. $.fn.startCarousel = function() {  
  2.         var $items = $(this).find('.jcarousel-list-item'),
  3.             s_item = $items.size(),
  4.             w_item = $items.outerWidth(true);
  5.         $items.width(w_item);
  6.         $(this).find('.jcarousel-list').width(w_item*s_item);
  7.         $(this).jcarousel({
  8.             list: ".jcarousel-list",
  9.             scroll: 1
  10.         });
  11.         $(this).find('.jcarousel-prev')
  12.             .on('jcarouselcontrol:active', function() {$(this).removeClass('inactive');})
  13.             .on('jcarouselcontrol:inactive', function() {$(this).addClass('inactive');})
  14.             .jcarouselControl({target: '-=1'});
  15.         $(this).find('.jcarousel-next')
  16.             .on('jcarouselcontrol:active', function() {$(this).removeClass('inactive');})
  17.             .on('jcarouselcontrol:inactive', function() {$(this).addClass('inactive');})
  18.             .jcarouselControl({target: '+=1'});
  19.         $(this).find('.jcarousel-pagination')
  20.             .on('jcarouselpagination:active', 'a', function() { $(this).addClass('active'); })
  21.             .on('jcarouselpagination:inactive', 'a', function() { $(this).removeClass('active'); })
  22.             .jcarouselPagination({});
  23.     };    
  24.     $.fn.startGallery = function(options) {
  25.         var $images = $(this).find('.js-image-general'),
  26.             $thumbs = $(this).find('.js-image-thumb'),
  27.             settings = $.extend({
  28.                 createPopup: true,
  29.                 activeIndex: 0,
  30.                 createArrows: false
  31.             }, options ),
  32.             _size = $images.size();
  33.         if (_size > 0) {
  34.             $thumbs.on('click', function(){
  35.                 $thumbs.removeClass('active');
  36.                 $images.removeClass('active');
  37.                 $images.eq($(this).index()).addClass('active');
  38.                 $(this).addClass('active');
  39.                 return false;
  40.             });
  41.             $thumbs.eq(settings.activeIndex).click();
  42.            
  43.             if (settings.createArrows == true && _size > 1) {
  44.                 var $left = $('<a href="#" class="gallery-left">&lsaquo;</a>'),
  45.                     $right = $('<a href="#" class="gallery-right">&rsaquo;</a>');
  46.                 $left.on('click', function(){
  47.                     var index = $thumbs.filter('.active').index();
  48.                     index--; if (index < 0) index = _size-1;
  49.                     $thumbs.eq(index).click();
  50.                     return false;
  51.                 });
  52.                 $right.on('click', function(){
  53.                     var index = $thumbs.filter('.active').index();
  54.                     index++; if (index > (_size-1)) index = 0;
  55.                     $thumbs.eq(index).click();
  56.                     return false;
  57.                 });
  58.                 $(this).append($left, $right);
  59.             }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement