https://mercypharma.com/js/rev-custom.js

1/**
2=============================================================
3[Custom Js]
4
5Template:     CoMedical
6Version:      1.0
7Created:      10.16.2016
8Primary use:  Health & Medical Responsive HTML Template
9
10@Author: icute_theme
11=============================================================
12**/
13(function($) {
14  
15  "use strict";
16
17
18  // Home Slider
19  function revSlider() {
20  if($('.home-slider .tp-banner').length){
21    jQuery('.home-slider .tp-banner').show().revolution({
22      delay:10000,
23      startwidth:1200,
24      startheight:500,
25      hideThumbs:600,
26  
27      thumbWidth:80,
28      thumbHeight:50,
29      thumbAmount:5,
30  
31      navigationType:"bullet",
32      navigationArrows:"0",
33      navigationStyle:"preview4",
34  
35      touchenabled:"on",
36      onHoverStop:"off",
37  
38      swipe_velocity: 0.7,
39      swipe_min_touches: 1,
40      swipe_max_touches: 1,
41      drag_block_vertical: false,
42  
43      parallax:"mouse",
44      parallaxBgFreeze:"on",
45      parallaxLevels:[7,4,3,2,5,4,3,2,1,0],
46  
47      keyboardNavigation:"off",
48  
49      navigationHAlign:"center",
50      navigationVAlign:"bottom",
51      navigationHOffset:0,
52      navigationVOffset:20,
53  
54      soloArrowLeftHalign:"left",
55      soloArrowLeftValign:"center",
56      soloArrowLeftHOffset:20,
57      soloArrowLeftVOffset:0,
58  
59      soloArrowRightHalign:"right",
60      soloArrowRightValign:"center",
61      soloArrowRightHOffset:20,
62      soloArrowRightVOffset:0,
63  
64      shadow:0,
65      fullWidth:"on",
66      fullScreen:"off",
67  
68      spinner:"spinner4",
69  
70      stopLoop:"off",
71      stopAfterLoops:-1,
72      stopAtSlide:-1,
73  
74      shuffle:"off",
75  
76      autoHeight:"off",
77      forceFullWidth:"on",
78  
79      hideThumbsOnMobile:"on",
80      hideNavDelayOnMobile:1500,
81      hideBulletsOnMobile:"on",
82      hideArrowsOnMobile:"on",
83      hideThumbsUnderResolution:0,
84  
85      hideSliderAtLimit:0,
86      hideCaptionAtLimit:0,
87      hideAllCaptionAtLilmit:0,
88      startWithSlide:0,
89      videoJsPath:"",
90      fullScreenOffsetContainer: ".home-slider"
91    });    
92  }
93  }
94
95$('.home-slider').resizable({
96	start: function(event, ui) {
97	
98		console.log($('.home-slider').width());
99	
100	},
101	stop: function(event, ui) {
102	
103		console.log($('.home-slider').width());
104	
105	}	
106});
107
108
109
110
111  
112/* ==========================================================================
113   When document is loading, do
114   ========================================================================== */
115  
116  $(window).on('load', function() {
117    revSlider();
118  });
119  
120
121/* ==========================================================================
122   When Window is resizing, do
123   ========================================================================== */
124  
125  $(window).on('resize', function(){	  
126    revSlider();
127  });
128  
129
130})(window.jQuery);