ahsanshofa

gSlideShow dot js

Jun 5th, 2018
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. (function ($) {
  2.     $.fn.gSlideShow = function (settings){
  3.         var config = {
  4.             "fadeDur": 200,
  5.             "slideDur": 2000
  6.         };
  7.  
  8.         if (settings) {
  9.             $.extend(config,settings);
  10.         }
  11.  
  12.         var parent = this;
  13.         var slide = parent.children(".slide");
  14.         var slideList = parent.children(".slideList");
  15.         var countSlide = slide.lenght;
  16.         var i = 0;
  17.  
  18.         for (var j=0;j<countSlide;j++) {
  19.             slideList.append("<li class='pageSlide' data-target='"+j+"'></li>");
  20.         }
  21.  
  22.         slideList.find(".pageSlide").bind("click",function(){
  23.             var target = $(this).attr("data-target");
  24.             slide.eq(i).css("display", "none");
  25.             slide.eq(target).fadeIn(config.fadeDur);
  26.             i=parseInt(target);
  27.         });
  28.  
  29.         slide.eq(0).show();
  30.  
  31.         setInterval(function(){
  32.             slide.eq(i).css("display","none");
  33.             i=(i+1==countSlide) ?0:i+1;
  34.             slide.eq(i).fadeIn(config.fadeDur);
  35.         },config.slideDur);
  36.  
  37.         return this;
  38.     };
  39. }(jQuery));
  40.  
  41. // istirahat di menit 22:50
Advertisement
Add Comment
Please, Sign In to add comment