jquery-parallax-slider is my first open source jquery plugin and it's sweet!
We have noticed that some other web sites are now using multiple animated layers to create a more impressive slideshow. Some of our upcoming designs are going to use a variety of layered animations to create a more unique home page slideshow. The last couple days, I build the javascript code needed to make these easier to create and maintain. Today, I added a ton of features to make it comparable in feature set to many other popular plug-ins. Mine has it's own unique features that I set out to achieve. I also learned how to convert it into a jquery plug-in and now it is part of my Jetendo open source projects as a standalone feature.
jquery-parallax-slider Examples:
https://www.jetendo.com/manual/view/current/2.4.1/jquery-parallax-slider-examples.html
jquery-parallax-slider documentation page:
https://www.jetendo.com/manual/view/current/2.4/jquery-parallax-slider.html
jquery-parallax-slider on GitHub:
https://github.com/jetendo/jquery-parallax-slider
I implemented all the features from scratch based on a variety of slideshows I've used or seen. I also demonstrated using the parallax slider with jquery color animation plug-in and the jquery easing plug-ins to enable other effects.
Some third party sites using this kind of technique are:
http://www.scorpiondesign.com/
http://www.parallaxslider.com/ultraFullWidthType.html
http://tympanus.net/Tutorials/CSS3FluidParallaxSlideshow/
For now, I just used abstract images and boxes for my examples, but it could be people, places, things, etc. I may update the example later.
I put about 20 hours into this project so far. I learned how to integrate with jquery so that it would work like a lot of other popular plug-ins that do slideshows. If you read the features on the docs, you'll see this plug-in is pretty flexible. It's responsive (resizable), fast animation, fast loading, compatible with all browsers and lets you design the slides and animation with simple code so you don't need to know much about javascript.
Hope people find and enjoy this free open source (MIT License) plug-in. If you find bugs or have an idea, contact me through github or this web site.
Bookmark & Share
Previous Article
Popular tags on this blog
Performance |Most Popular Articles
- Mass virtual hosting security tip when using a reverse proxy to connect to other servers
- Solution for MariaDB Field 'xxx' doesn't have a default value
- How to lock Windows immediately upon smart card removal
- Stop using sleep mode with Windows Bitlocker for better security. Learn how to use hibernate in Windows 8.
- Is Google Public DNS actually better then your ISP?
- Planning a system to visually create responsive data-driven web page layouts & widgets in the Jetendo CMS browser interface
- Pros and Cons of CFML vs PHP and other languages
- Run Windows Guest in CentOS 6 Linux Host using Virtualbox 4 via the command line