Tired of monstrous 250+ Kb plugins with enormous settings for simple image shows or popus, I decided to create this series of microplugins.
Here is the story.
More than 5 years of pro web-development gave me in idea, that in most cases you need same simple effects on your website like changing slides or popuping fotos. First of all "slideshows". Why do I need to download a pack full of demos, gif files for controls, css files, etc., if I could just insert one link to CDN?
I started with this: http://pastebin.com/5SedQnDa 10 lines super easy jQuery based image slider. You can use it in two different but simple ways:
Here is the story.
More than 5 years of pro web-development gave me in idea, that in most cases you need same simple effects on your website like changing slides or popuping fotos. First of all "slideshows". Why do I need to download a pack full of demos, gif files for controls, css files, etc., if I could just insert one link to CDN?
I started with this: http://pastebin.com/5SedQnDa 10 lines super easy jQuery based image slider. You can use it in two different but simple ways:
- Copy this code to your .js file or to <head>
- Change #fade in first line to your image container's id or class
- You can also change timeout var to change speed (default is 4000ms = 4 sec)
or
- Paste direct ref in your <head> section:
<script type="text/javascript" src="http://pastebin.com/raw.php?i=5SedQnDa"></script> - And set an attribute for your image container: id="fade"
That's it. No downloads, no ftp manipulation. But DON'T FORGET to include latest jQuery library to your page! You can download it directly from official website: http://jquery.com/download/ or use CDNs I prefer: Google или Yandex
Your images' height will be set to container's height automatically because it's common for most websites. Slides must fit the slideshow area.
The goal of this project is to help web-developers to install widespread basic jQuery effects as fast and easy as possible.
