Skip to content

realgvard/devslider

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

##New version 1.0.0 - beta now avaliable for testers. Check it

Deviora slider

Deviora.js is a simple jQuery full size slider with animation effects.

###Features:

  • Responsive
  • Touch Events
  • Mouse Slide Events
  • Fully Customizable
  • Choose the number of items to be displayed
  • CSS3 3d Transitions
  • Custom events
  • Helpful callbacks

Tested on IE10, Chrome, Safari, Firefox, Opera.

1. Getting Started

Load jQuery(1.7+) and include Deviora plugin files.

    <!-- Basic stylesheet -->
    <link rel="stylesheet" href="dist/css/style.css">

    <!-- Include js plugin -->
    <script src="dist/js/deviora.js"></script>

2. Set up your HTML

You don't need any special markup and other other unnecessary CSS classes.

    <ul class="deviora-slider">
        <li> Your Content </li>
        <li> Your Content </li>
        <li> Your Content </li>
        ...
    </ul>

3. Call the plugin

Now call the Dev initializer function and your slider is ready.

$(".deviora-slider").deviora();

4. For more details visit Deviora Slider example page

Licence

MIT © Deviora.js

About

Slider images on jQuery

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published