Plugins

idangerous · Feb 22, 2016 · 460d8de · 460d8de
1 parent 4bf6a3c
commit 460d8de
Show file tree

Hide file tree

Showing 168 changed files with 15,032 additions and 0 deletions.
diff --git a/Chop Slider 3 - Wordpress/Wordpress Chop Slider 3.4.pdf b/Chop Slider 3 - Wordpress/Wordpress Chop Slider 3.4.pdf
diff --git a/Chop Slider 3 - Wordpress/Wordpress_ChopSlider_3_4.zip b/Chop Slider 3 - Wordpress/Wordpress_ChopSlider_3_4.zip
diff --git a/Chop Slider 3 - jQuery/cs3/assets/brush.png b/Chop Slider 3 - jQuery/cs3/assets/brush.png
diff --git a/Chop Slider 3 - jQuery/cs3/assets/circle.png b/Chop Slider 3 - jQuery/cs3/assets/circle.png
diff --git a/Chop Slider 3 - jQuery/cs3/assets/diamond.png b/Chop Slider 3 - jQuery/cs3/assets/diamond.png
diff --git a/Chop Slider 3 - jQuery/cs3/assets/fs-black.png b/Chop Slider 3 - jQuery/cs3/assets/fs-black.png
diff --git a/Chop Slider 3 - jQuery/cs3/assets/fs-white.png b/Chop Slider 3 - jQuery/cs3/assets/fs-white.png
diff --git a/Chop Slider 3 - jQuery/cs3/assets/gallery-arrow-left.png b/Chop Slider 3 - jQuery/cs3/assets/gallery-arrow-left.png
diff --git a/Chop Slider 3 - jQuery/cs3/assets/gallery-arrow-right.png b/Chop Slider 3 - jQuery/cs3/assets/gallery-arrow-right.png
diff --git a/Chop Slider 3 - jQuery/cs3/assets/gallery-close.png b/Chop Slider 3 - jQuery/cs3/assets/gallery-close.png
diff --git a/Chop Slider 3 - jQuery/cs3/assets/gallery-video.png b/Chop Slider 3 - jQuery/cs3/assets/gallery-video.png
diff --git a/Chop Slider 3 - jQuery/cs3/assets/idangerous.swiper.min.js b/Chop Slider 3 - jQuery/cs3/assets/idangerous.swiper.min.js
diff --git a/Chop Slider 3 - jQuery/cs3/assets/melt.png b/Chop Slider 3 - jQuery/cs3/assets/melt.png
diff --git a/Chop Slider 3 - jQuery/cs3/assets/pre-loader.gif b/Chop Slider 3 - jQuery/cs3/assets/pre-loader.gif
diff --git a/Chop Slider 3 - jQuery/cs3/assets/puzzle.png b/Chop Slider 3 - jQuery/cs3/assets/puzzle.png
diff --git a/Chop Slider 3 - jQuery/cs3/assets/scanner.png b/Chop Slider 3 - jQuery/cs3/assets/scanner.png
diff --git a/Chop Slider 3 - jQuery/cs3/assets/video-bg.png b/Chop Slider 3 - jQuery/cs3/assets/video-bg.png
diff --git a/Chop Slider 3 - jQuery/cs3/idangerous.chopslider-3.4.css b/Chop Slider 3 - jQuery/cs3/idangerous.chopslider-3.4.css
diff --git a/Chop Slider 3 - jQuery/cs3/idangerous.chopslider-3.4.js b/Chop Slider 3 - jQuery/cs3/idangerous.chopslider-3.4.js
diff --git a/Chop Slider 3 - jQuery/cs3/idangerous.chopslider-3.4.min.js b/Chop Slider 3 - jQuery/cs3/idangerous.chopslider-3.4.min.js
diff --git a/Chop Slider 3 - jQuery/cs3/skins/3d-nav.png b/Chop Slider 3 - jQuery/cs3/skins/3d-nav.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/3d-pag.png b/Chop Slider 3 - jQuery/cs3/skins/3d-pag.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/black-60.png b/Chop Slider 3 - jQuery/cs3/skins/black-60.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/blackpane-pag.png b/Chop Slider 3 - jQuery/cs3/skins/blackpane-pag.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/custom.png b/Chop Slider 3 - jQuery/cs3/skins/custom.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/default-nav.png b/Chop Slider 3 - jQuery/cs3/skins/default-nav.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/device-nav.png b/Chop Slider 3 - jQuery/cs3/skins/device-nav.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/device-pag.png b/Chop Slider 3 - jQuery/cs3/skins/device-pag.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/gloss.png b/Chop Slider 3 - jQuery/cs3/skins/gloss.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/metall-nav.png b/Chop Slider 3 - jQuery/cs3/skins/metall-nav.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/metall-pag.png b/Chop Slider 3 - jQuery/cs3/skins/metall-pag.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/metall.jpg b/Chop Slider 3 - jQuery/cs3/skins/metall.jpg
diff --git a/Chop Slider 3 - jQuery/cs3/skins/pink-bg.png b/Chop Slider 3 - jQuery/cs3/skins/pink-bg.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/pink-nav.png b/Chop Slider 3 - jQuery/cs3/skins/pink-nav.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/pure-bg.png b/Chop Slider 3 - jQuery/cs3/skins/pure-bg.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/shadow-left.png b/Chop Slider 3 - jQuery/cs3/skins/shadow-left.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/shadow-mid.png b/Chop Slider 3 - jQuery/cs3/skins/shadow-mid.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/shadow-right.png b/Chop Slider 3 - jQuery/cs3/skins/shadow-right.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/white-70.png b/Chop Slider 3 - jQuery/cs3/skins/white-70.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/whitepane-nav.png b/Chop Slider 3 - jQuery/cs3/skins/whitepane-nav.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/whitepane-pag.png b/Chop Slider 3 - jQuery/cs3/skins/whitepane-pag.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/wood-nav.png b/Chop Slider 3 - jQuery/cs3/skins/wood-nav.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/wood-pag.png b/Chop Slider 3 - jQuery/cs3/skins/wood-pag.png
diff --git a/Chop Slider 3 - jQuery/cs3/skins/wood.jpg b/Chop Slider 3 - jQuery/cs3/skins/wood.jpg
diff --git a/Chop Slider 3 - jQuery/demos/1-skins.html b/Chop Slider 3 - jQuery/demos/1-skins.html
@@ -0,0 +1,303 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Chop Slider 3</title>
+<link rel="stylesheet" href="cs3/idangerous.chopslider-3.4.css">
+<script src="js/jquery-1.7.2.min.js"></script>
+<script src="cs3/idangerous.chopslider-3.4.min.js"></script>
+<script>
+$(document).ready(function() {
+	$('.cs3-no').cs3({
+		pagination : {
+			container : '.cs3-no .cs3-pagination'	
+		},
+		navigation : {
+			next : '.cs3-no .cs3-slide-next',
+			prev : '.cs3-no .cs3-slide-prev'	
+		}
+	});
+
+	$('.cs3-1').cs3({
+		pagination : {
+			container : '.cs3-1 .cs3-pagination'	
+		},
+		navigation : {
+			next : '.cs3-1 .cs3-slide-next',
+			prev : '.cs3-1 .cs3-slide-prev'	
+		}
+	});
+
+	$('.cs3-2').cs3({
+		pagination : {
+			container : '.cs3-2 .cs3-pagination'	
+		},
+		navigation : {
+			next : '.cs3-2 .cs3-slide-next',
+			prev : '.cs3-2 .cs3-slide-prev'	
+		}
+	});
+
+	$('.cs3-3').cs3({
+		pagination : {
+			container : '.cs3-3 .cs3-pagination'	
+		},
+		navigation : {
+			next : '.cs3-3 .cs3-slide-next',
+			prev : '.cs3-3 .cs3-slide-prev'	
+		}
+	});
+
+	$('.cs3-4').cs3({
+		pagination : {
+			container : '.cs3-4 .cs3-pagination'	
+		},
+		navigation : {
+			next : '.cs3-4 .cs3-slide-next',
+			prev : '.cs3-4 .cs3-slide-prev'	
+		}
+	});
+
+	$('.cs3-5').cs3({
+		pagination : {
+			container : '.cs3-5 .cs3-pagination'	
+		},
+		navigation : {
+			next : '.cs3-5 .cs3-slide-next',
+			prev : '.cs3-5 .cs3-slide-prev'	
+		}
+	});
+
+	$('.cs3-6').cs3({
+		pagination : {
+			container : '.cs3-6 .cs3-pagination'	
+		},
+		navigation : {
+			next : '.cs3-6 .cs3-slide-next',
+			prev : '.cs3-6 .cs3-slide-prev'	
+		}
+	});
+
+	$('.cs3-7').cs3({
+		pagination : {
+			container : '.cs3-7 .cs3-pagination'	
+		},
+		navigation : {
+			next : '.cs3-7 .cs3-slide-next',
+			prev : '.cs3-7 .cs3-slide-prev'	
+		}
+	});
+
+	$('.cs3-8').cs3({
+		pagination : {
+			container : '.cs3-8 .cs3-pagination'	
+		},
+		navigation : {
+			next : '.cs3-8 .cs3-slide-next',
+			prev : '.cs3-8 .cs3-slide-prev'	
+		}
+	});
+
+	$('.cs3-9').cs3({
+		pagination : {
+			container : '.cs3-9 .cs3-pagination'	
+		},
+		navigation : {
+			next : '.cs3-9 .cs3-slide-next',
+			prev : '.cs3-9 .cs3-slide-prev'	
+		}
+	});
+});
+</script>
+<style>
+.cs3 {
+	width: 600px;
+	height: 300px;
+}
+.wrapper {
+	width:800px;
+	margin:0 auto;
+}
+h1 {
+	margin:50px 0 10px 0px;
+}
+</style>
+</head>
+<body>
+<div class="wrapper">
+
+  <h1>Default Skin</h1>
+  <div class="cs3-wrap cs3-skin-no">
+    <div class="cs3 cs3-no">
+      <div class="cs3-slide"><img src="pics/e-1.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-2.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-3.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-4.jpg" width="600" height="300"></div>
+      <div class="cs3-slide-prev"></div>
+      <div class="cs3-slide-next"></div>
+      <div class="cs3-pagination-wrap">
+        <div class="cs3-pagination"></div>
+      </div>
+    </div>
+  </div>
+
+  <h1>Black Frame</h1>
+  <div class="cs3-wrap cs3-skin-1">
+    <div class="cs3 cs3-1">
+      <div class="cs3-slide"><img src="pics/e-1.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-2.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-3.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-4.jpg" width="600" height="300"></div>
+      <div class="cs3-skin-border-1"></div>
+      <div class="cs3-skin-border-2"></div>
+      <div class="cs3-slide-prev"></div>
+      <div class="cs3-slide-next"></div>
+      <div class="cs3-pagination-wrap">
+        <div class="cs3-pagination"></div>
+      </div>
+    </div>
+  </div>
+
+  <h1>White Frame</h1>
+  <div class="cs3-wrap cs3-skin-2">
+    <div class="cs3 cs3-2">
+      <div class="cs3-slide"><img src="pics/e-1.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-2.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-3.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-4.jpg" width="600" height="300"></div>
+      <div class="cs3-skin-border-1"></div>
+      <div class="cs3-skin-border-2"></div>
+      <div class="cs3-slide-prev"></div>
+      <div class="cs3-slide-next"></div>
+      <div class="cs3-pagination-wrap">
+        <div class="cs3-pagination"></div>
+      </div>
+    </div>
+  </div>
+
+  <h1>Woodback</h1>
+  <div class="cs3-wrap cs3-skin-3">
+    <div class="cs3 cs3-3">
+      <div class="cs3-slide"><img src="pics/e-1.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-2.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-3.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-4.jpg" width="600" height="300"></div>
+      <div class="cs3-skin-border-1"></div>
+      <div class="cs3-skin-border-2"></div>
+      <div class="cs3-slide-prev"></div>
+      <div class="cs3-slide-next"></div>
+      <div class="cs3-pagination-wrap">
+        <div class="cs3-pagination"></div>
+      </div>
+    </div>
+  </div>
+
+  <h1>Device</h1>
+  <div class="cs3-wrap cs3-skin-4">
+    <div class="cs3 cs3-4">
+      <div class="cs3-slide"><img src="pics/e-1.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-2.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-3.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-4.jpg" width="600" height="300"></div>
+      <div class="cs3-skin-border-1"></div>
+      <div class="cs3-skin-border-2"></div>
+      <div class="cs3-slide-prev"></div>
+      <div class="cs3-slide-next"></div>
+      <div class="cs3-pagination-wrap">
+        <div class="cs3-pagination"></div>
+      </div>
+    </div>
+  </div>
+
+  <h1>3D Skin</h1>
+  <div class="cs3-wrap cs3-skin-5">
+    <div class="cs3 cs3-5">
+      <div class="cs3-slide"><img src="pics/e-1.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-2.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-3.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-4.jpg" width="600" height="300"></div>
+      <div class="cs3-skin-border-1"></div>
+      <div class="cs3-skin-border-2"></div>
+      <div class="cs3-shadow"><div class="cs3-shadow-left"><div class="cs3-shadow-right"><div class="cs3-shadow-mid"></div></div></div></div>
+      <div class="cs3-slide-prev"></div>
+      <div class="cs3-slide-next"></div>
+      <div class="cs3-pagination-wrap">
+        <div class="cs3-pagination"></div>
+      </div>
+    </div>
+  </div>
+
+  <h1>Magazine</h1>
+  <div class="cs3-wrap cs3-skin-6">
+    <div class="cs3 cs3-6">
+      <div class="cs3-slide"><img src="pics/e-1.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-2.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-3.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-4.jpg" width="600" height="300"></div>
+      <div class="cs3-skin-border-1"></div>
+      <div class="cs3-skin-border-2"></div>
+      <div class="cs3-slide-prev"></div>
+      <div class="cs3-slide-next"></div>
+      <div class="cs3-pagination-wrap">
+        <div class="cs3-pagination"></div>
+      </div>
+    </div>
+  </div>
+
+  <h1>Metall</h1>
+  <div class="cs3-wrap cs3-skin-7">
+    <div class="cs3 cs3-7">
+      <div class="cs3-slide"><img src="pics/e-1.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-2.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-3.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-4.jpg" width="600" height="300"></div>
+      <div class="cs3-skin-border-1"></div>
+      <div class="cs3-skin-border-2"></div>
+      <div class="cs3-slide-prev"></div>
+      <div class="cs3-slide-next"></div>
+      <div class="cs3-pagination-wrap">
+        <div class="cs3-pagination"></div>
+      </div>
+    </div>
+  </div>
+
+  <h1>Pink</h1>
+  <div class="cs3-wrap cs3-skin-8">
+    <div class="cs3 cs3-8">
+      <div class="cs3-slide"><img src="pics/e-1.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-2.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-3.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-4.jpg" width="600" height="300"></div>
+      <div class="cs3-skin-border-1"></div>
+      <div class="cs3-skin-border-2"></div>
+      <div class="cs3-slide-prev"></div>
+      <div class="cs3-slide-next"></div>
+      <div class="cs3-pagination-wrap">
+        <div class="cs3-pagination"></div>
+      </div>
+    </div>
+  </div>
+
+  <h1>Pure White</h1>
+  <div class="cs3-wrap cs3-skin-9">
+    <div class="cs3 cs3-9">
+      <div class="cs3-slide"><img src="pics/e-1.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-2.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-3.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-4.jpg" width="600" height="300"></div>
+      <div class="cs3-skin-border-1"></div>
+      <div class="cs3-skin-border-2"></div>
+      <div class="cs3-slide-prev"></div>
+      <div class="cs3-slide-next"></div>
+      <div class="cs3-pagination-wrap">
+        <div class="cs3-pagination"></div>
+      </div>
+    </div>
+  </div>
+
+
+
+
+</div>
+</body>
+</html>
diff --git a/Chop Slider 3 - jQuery/demos/10-video.html b/Chop Slider 3 - jQuery/demos/10-video.html
@@ -0,0 +1,73 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Chop Slider 3</title>
+<link rel="stylesheet" href="cs3/idangerous.chopslider-3.4.css">
+<script src="js/jquery-1.7.2.min.js"></script>
+<script src="cs3/idangerous.chopslider-3.4.min.js"></script>
+<script>
+$(document).ready(function() {	
+	var cs3 = $('.cs3').cs3({
+		pagination : {
+			showOnlyOnHover: true,
+			container : '.cs3 .cs3-pagination'	
+		},
+		responsive: true,
+		navigation : {
+			showOnlyOnHover: true,
+			next : '.cs3 .cs3-slide-next',
+			prev : '.cs3 .cs3-slide-prev'	
+		},
+		effects : 'random-3d'
+	});
+});
+</script>
+<style>
+.cs3 {
+	width: 600px;
+	height: 300px;
+	margin:0 auto;
+}
+.wrapper {
+	width: 800px;
+	margin: 0 auto;
+}
+h1 {
+	margin: 50px 0 10px 0px;
+	text-align: center
+}
+</style>
+</head>
+<body>
+<div class="wrapper">
+  <h1>Slider With Fullscreen Gallery</h1>
+  <div class="cs3-wrap cs3-skin-no">
+    <div class="cs3">
+      <div class="cs3-slide"><img src="pics/a-1.jpg" width="600" height="300"></div>
+      <!-- Additional cs3-video-slide is required for video slide-->
+      <div class="cs3-slide cs3-video-slide">
+    	<!-- container with video iframe -->
+      	<div class="cs3-video">
+      		<!-- Vimeo frame MUST have "api=1" param in the url !!! -->
+    		<iframe src="http://player.vimeo.com/video/52861634?api=1" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+    	</div>
+      </div>
+      <div class="cs3-slide"><img src="pics/a-2.jpg" width="600" height="300"></div>
+      <div class="cs3-slide cs3-video-slide">
+      	<div class="cs3-video">
+    		<iframe width="560" height="315" src="http://www.youtube.com/embed/JRfuAukYTKg" frameborder="0" allowfullscreen></iframe>
+    	</div>
+      </div>
+      <div class="cs3-slide"><img src="pics/e-3.jpg" width="600" height="300"></div>
+      <div class="cs3-slide"><img src="pics/e-4.jpg" width="600" height="300"></div>
+      <div class="cs3-slide-prev"></div>
+      <div class="cs3-slide-next"></div>
+      <div class="cs3-pagination-wrap">
+        <div class="cs3-pagination"></div>
+      </div>
+    </div>
+  </div>
+</div>
+</body>
+</html>