Sliders are powerful tools to highlight content on a website. This article gives you five options jQuery plugins to implement this functionality.
The strong Nivo Slider is a clean HTML for the initial structure of the slider. Only a div element with pictures and links is necessary. The main focus of this slider are images, but the HTML caption feature just enabling the display of any content.
Among the options offered are the speed and direction of the transition and callbakcs to perform actions after the start and loading of the slides. The plugin still has no more and no less than 16 choices of transition from one slide to another. Its compressed version has 15kb.
This plugin has emerged based on the application site Slider Coda . Each element of the slide should be a div element with class "panel".
Coda Slider leaves something to be desired flexibility, offering few options but to display different types of content is most appropriate plugin.
Orbit - Demo
Originally developed to be a slider images, Orbit also incorporating HTML content just as long as the content div element contains a background set.
Its compressed version is very light, and another differential 3.2kb cool Orbit is the application of a loader marking the transition time between slides.
As the name suggests, the AnythingSlider accepts all and any type of content. In the words of the author, "the plugin is an attempt to gather all of the features found in other plugins of this type."
It is the most adptável plugin and integrates better with the rest of your application oferencendo own hashtags for each slide and the possibility of creating a direct link to a slide.
Moodular - Demo
The neat thing is Moodular, as well as the name suggests, is modular, core, control and effects. So if you need a simple slider is not necessary to load the control module, for example.
The effects of Moodular module includes the popular "reflection" (the one from Apple) and the control has built in support for touchscreen applications, and keyboard navigation.
No comments:
Post a Comment