https://github.com/pkolt/jquery-slider

https://github.com/pkolt/jquery-slider

Last synced: 7 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/pkolt/jquery-slider
• Owner: pkolt
• Created: 2012-02-28T07:10:21.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2012-02-28T11:37:13.000Z (over 12 years ago)
• Last Synced: 2024-10-15T12:12:24.683Z (about 1 month ago)
• Language: JavaScript
• Homepage:
• Size: 97.7 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.rst

Awesome Lists containing this project

README

        
============================

Media Slider - jQuery Plugin

============================

Easy start

==========

Hhtml page::

    

    

    

        My page

        

        

        <script src="slider/jquery.slider.min.js">

        <script>

        $(function(){

            $.slider.autoload();

        });

        

    

    

    

        


        


            


            


            


            


        

        

    


    

Options

=======

**autoPlay** [bool] default: false

**showTitle** [bool] default: false

**buttonPrev** [selector] default: null

**buttonNext** [selector] default: null

**speedIn** [int] default: 500

**speedOut** [int] default: 500

**interval** [int] default: 3000

**source** [array] default: null.

If source = null, load data of element with selector ``md-slider-source``.

Example array ::

    var arr = [

        {url: 'image1.jpg', title: 'Title 1', html: 'Title 1'},

        {url: 'image2.jpg', title: 'Title 2', html: 'Title 2'}

    ]

Examples

========

Custom initial slider ::

    

    

    

        My page

        

        

        <script src="slider/jquery.slider.min.js">

        <script>

        var arr = [

            {url: 'image1.jpg', title: 'Title 1', html: '<span>Title 1</span>'},

            {url: 'image2.jpg', title: 'Title 2', html: '<span>Title 2</span>'}

        ];

        $(function(){

            $('#mySlider').slider({

                autoPlay: true,

                source: arr

            });

        });