Nivo Slider, nivoslider

Nivo Slider, nivoslider

Nivo Slider is known as the best image carousel plug-in the world and has its ownJQueryPlug-ins andWordPressPlug-in versions. The number of downloads has exceeded 1,800,000! The jQuery standalone plug-in has the following features:

• ✓ 16 unique transitional Effects
• Concise and valid tokens
• Configure ingress loading Parameters
• ✓ Built-in direction and Navigation Control
• The size of the compression version is only 12 kb.
• ✓ Supports linked Images
• HTML headers supported by ingress
• Tips 3 sets of exquisite and smooth themes
• The license is free of charge under the MIT license.
• ✓ Supports responsive design

 

 

Demo of plug-in download Effect

 

Articles you may be interested in

• 10 useful results in Web development [Source Code download]
• Excellent jQuery Ajax paging plug-ins and tutorials carefully selected
• 12 amazing creative 404 error page Designs
• Let the website get started! 12 excellent jQuery animation plug-ins
• 8 amazing HTML5 and JavaScript Effects

 

Link to this article: Nivo Slider-the best jQuery image carousel plug-in the world

Source: Dream sky ◆ focus on front-end development technology ◆ share web design resources

How to Use jQuery Nivo Slider

Try this:

<Div id = "slider" class = "nivoSlider">




</Div>

<Script type = "text/javascript">
$ (Window). load (function (){
$ ('# Slider'). nivoSlider ({pauseTime: 3000 });
});
</Script>
 
Jquerynivosliderpackjs how to use it? Can you give an instance?

I will give you an idea. You need to implement your functions on your own.
First introduce <script src = "jquery. nivo. slider. pack. js" type = "text/javascript"> </script>
Html file:
<Div> <a href = "dev7studios.com"> </a> </div> <strong> This </strong> is an example of a <em> HTML </em> caption with <a href = "#"> a link </a> </div> js section, (random start slide rolling)
Var total = $ ('# slider img '). length; var rand = Math. floor (Math. random () * total); $ ('# slider '). nivoSlider ({startSlide: rand}); hope to help you!