CodeInnTeam/hslider: A JQuery Plugin To Create Responsive ... - GitHub

Skip to content Dismiss alert {{ message }} CodeInnTeam / hslider Public

• Notifications You must be signed in to change notification settings
• Fork 1
• Star 5

A jQuery plugin to create responsive image slider.

License

MIT license 5 stars 1 fork Branches Tags Activity Star Notifications You must be signed in to change notification settings

• Code
• Issues
• Pull requests
• Actions
• Projects
• Security
• Insights

Additional navigation options

CodeInnTeam/hslider  masterBranchesTagsGo to fileCode

Folders and files

Name		Name	Last commit message	Last commit date
Latest commit   History 5 Commits
images		images
js		js
LICENSE		LICENSE
README.md		README.md
index.html		index.html
style.css		style.css
View all files

Repository files navigation

• README
• MIT license

hslider

A simple, clean, beautiful and robust jQuery plugin to create responsive image slider.

Demo:

http://codeinn.co/demo/hslider

Use:

Html :

<div class="hsldr-container"> <figure> <img src="images/image1.jpg" /> <figcaption>Car in the snow</figcaption> </figure> <figure> <img src="images/Image2.jpg" /> <figcaption>People surfing</figcaption> </figure> </div>

Javascript:

<script src="js/jquery-2.2.1.min.js"></script> <script src="js/imagesloaded.pkgd.min.js"></script> <script src="js/jquery.hslider.js"></script> <script type="text/javascript"> $( document ).ready(function() { $( ".hsldr-container" ).hslider({ navBar: true, auto: true, delay: 4000 }); }); </script>

Configuration Variables:

navBar: true/false ( default : false ) => whether to show navigation bar or not auto: true/false ( default : false ) => whether to move the slide automatically or not delay: time in ms ( default: 1000 ms ) => the time delay between auto move

About

A jQuery plugin to create responsive image slider.

Resources

Readme

License

MIT license Activity

Stars

5 stars

Watchers

2 watching

Forks

1 fork Report repository

Releases

No releases published

Packages

No packages published

Languages

• JavaScript 63.7%
• CSS 22.2%
• HTML 14.1%

You can’t perform that action at this time.