erichain / picture-switchbox

A plugin used to switch your banners in different ways.

Picture SwitchBox

Switch box written with jQuery ( jQuery version >= 1.8 )

Install

Preview

First run npm install
then run gulp serve

Build

gulp build

Configuration

In your user config file:

$('your images container selector').switchBox({
    speed: 4000,
    method: 'fade',
    isLoop: true,
    imgs: {
        url: [
            'images/img1.jpg',
            'images/img2.jpg',
            'images/img3.jpg'
        ],
        destUrl: [],
        altText: []
    }
});

Params

speed the speed which images switch with. Default: 4000ms
method the way images switch in. Default: fade
isLoop let the switch box loop or not. Default: true

imgs.urls your imgs. Default: []
imgs.destUrl where to go when clicking on the image. Default: []
imgs.altText the alt info of your imgs. Default: []

License

Release under the MIT license.