thiagosf / Skitter
Skitter - Slideshow for anytime
Stars: ✭ 295
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Skitter
Slendr
A responsive & lightweight (2KB gzipped) slider for modern browsers. [UNMAINTAINED]
Stars: ✭ 39 (-86.78%)
Mutual labels: slideshow, slider
Embla Carousel
A lightweight carousel library with fluid motion and great swipe precision.
Stars: ✭ 1,874 (+535.25%)
Mutual labels: slideshow, slider
cachu-slider
🌈 🔆 Create animated full screen and content-fit sliders efficiently.
Stars: ✭ 30 (-89.83%)
Mutual labels: slideshow, slider
Fullpage.js
fullPage plugin by Alvaro Trigo. Create full screen pages fast and simple
Stars: ✭ 32,974 (+11077.63%)
Mutual labels: slideshow, jquery
Slider
Touch swipe image slider/slideshow/gallery/carousel/banner mobile responsive bootstrap
Stars: ✭ 2,046 (+593.56%)
Mutual labels: slideshow, slider
Widget
A set of widgets based on jQuery&&javascript. 一套基于jquery或javascript的插件库 :轮播、标签页、滚动条、下拉框、对话框、搜索提示、城市选择(城市三级联动)、日历等
Stars: ✭ 1,579 (+435.25%)
Mutual labels: slider, jquery
SimpleSlider
Simple responsive slider created in pure javascript.
Stars: ✭ 21 (-92.88%)
Mutual labels: slideshow, slider
Keen Slider
The HTML touch slider carousel with the most native feeling
Stars: ✭ 3,097 (+949.83%)
Mutual labels: slideshow, slider
Jcslider
🏂 A responsive slider jQuery plugin with CSS animations
Stars: ✭ 52 (-82.37%)
Mutual labels: slider, jquery
grav-plugin-lightslider
Grav LightSlider Plugin
Stars: ✭ 14 (-95.25%)
Mutual labels: slideshow, slider
Multiscroll.js
multiscroll plugin by Alvaro Trigo. Create scrolling split websites. http://alvarotrigo.com/multiScroll/
Stars: ✭ 1,537 (+421.02%)
Mutual labels: slideshow, jquery
Vue Infinite Slide Bar
∞ Infinite slide bar component (no dependency and light weight 1.48 KB)
Stars: ✭ 190 (-35.59%)
Mutual labels: slideshow, slider
TW-Tamasha
Presentation and slideshow app using web technology based onTiddlywiki
Stars: ✭ 28 (-90.51%)
Mutual labels: slideshow, slider
Stickynavbar.js
stickyNavbar.js: Fancy sticky navigation jQuery plugin with smart anchor link highlighting
Stars: ✭ 279 (-5.42%)
Mutual labels: jquery
Sidr
Sidr is a jQuery plugin for creating side menus and the easiest way for doing your menu responsive.
Stars: ✭ 2,924 (+891.19%)
Mutual labels: jquery
Yclas
Yclas Self Hosted is a powerful script that can transform any domain into a fully customizable classifieds site within a few seconds.
Stars: ✭ 276 (-6.44%)
Mutual labels: jquery
Skitter - Slideshow for anytime!
Skitter has 38 different animations, two types of navigations and many options to customize!
License: Dual licensed under the MIT or GPL Version 2
NPM
npm install skitter-slider
Bower
bower install skitter --save
Manually
Download zip https://github.com/thiagosf/skitter/archive/master.zip and move files in dist
directory for you application. Attention: you need to download the dependencies manually.
How to install
Add the CSS and JS files inside
<link type="text/css" href="dist/skitter.css" media="all" rel="stylesheet" />
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="dist/jquery.skitter.min.js"></script>
Init the Skitter
$(document).ready(function() {
$(".skitter-large").skitter();
});
Add the images through the unordered list
<div class="skitter skitter-large">
<ul>
<li>
<a href="#cut"><img src="images/001.jpg" class="cut" /></a>
<div class="label_text"><p>cut</p></div>
</li>
<li>
<a href="#swapBlocks"><img src="images/002.jpg" class="swapBlocks" /></a>
<div class="label_text"><p>swapBlocks</p></div>
</li>
<li>
<a href="#swapBarsBack"><img src="images/003.jpg" class="swapBarsBack" /></a>
<div class="label_text"><p>swapBarsBack</p></div>
</li>
</ul>
</div>
Todo
- [ ] Update WP-Plugin
- [ ] Update CakePHP Plugin
- [x] Refactor variable names applying a pattern.
- [ ] Separate into small pieces the source code.
- [ ] Create unit tests
- [ ] Exchange images for background divs (for animations)
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].