jQuery Simple Slider Plugin – If youre enthusiastic in becoming a web developer, JavaScript is one of the best coding languages you can learn. Getting au fait following JavaScript basics means using those skills to build JavaScript projects. Luckily, we know some fun JavaScript sample projects and beginner projects you can complete to hone your skills. next jQuery Simple Slider Plugin
If youre on the publicize for JavaScript practice projects, weve put together a list of mare than 1200 JavaScript project ideas you can begin full of zip upon right now (whether youre looking for JavaScript projects for beginners, intermediate coders, or more unbiased coders).
Choose from over 1,200 JavaScript templates about animate,animate.css,animation,arrow,css3,jquery,navigation,plugin,simple,slider,vimeo,youtube. Explore items created by our global community of independent developers, confident they’re hand-reviewed by us. You can download this javascript script through button below.
Click here to preview without iframe
The Simple Slider is a jQuery plugin you can use to display your image and Vimeo or Youtube videos. The CSS3 animation is driven by Animate.css. It’s mobile friendly, which support wipe left/right on your touch device.
Please remove the preview iframe on the top. Or preview with the link above. Otherwise there is a flicker white in safari every time the image changes, it’s a bug of Safari with iframe and CSS3 animation. It works fine when you don’t embed it in an iframe.
The available options
className: 'simpleSlider', // the wrapper's name easeInType: 'fadeInLeft', // the ease in animation style easeOutType: 'rollOut', // the ease out animation style width: 960, // width of the slider height: 400, // height of the slider showArrow: true, // display the previous/next arrow or not showButton: true, // display the circle buttons or not
Features:
- CSS3 driven animation.
- It’s lightweight.
- Support Youtube, Vimeo video etc.
- Touch device support. I’ve tested it in an iPhone.
- Optional arrow and buttons.
- FAQ is included in the source package.
Recommendations For You
jQuery OneByOne Slider Plugin:
animate,animate.css,animation,arrow,css3,jquery,navigation,plugin,simple,slider,vimeo,youtube