html移动端实现滑动切换,支持移动端手势滑动的幻灯片切换制作

支持移动端手势滑动的幻灯片切换制作

支持移动端手势滑动的幻灯片切换

• 

• 

• 

• 

• 

• 

Content slider

Image slider can work as content slider.

• 

  Wanted: Mafia Boss

  Description: accused in organization of criminal association that terrorise peaceful citizens of the Foo town.

  Distinguishing marks:

  • smokes big cigars;
  • wears a luxurious suit (even while sleeping);
  • rose buttonhole.

  Award: 200 000$ for reliable location information.

• 

  Wanted: Underboss

  Description: accused in being extremely rude with the members of his gang, shooting on public and

  uncontrolled behaviour under the influence.

  Distinguishing marks:

  • always smooth;
  • carrying a gun;
  • drinking too much Scotch.

  Award: 1000$ for more information on this subject.

• 

  Wanted: Big guy nickname 'Peewee'

  Description: accused in littering, bad language.

  Distinguishing marks:

  • extremely big;
  • little vocabulary;
  • bald.

  Award: 700$ for teaching him some good manners.

• 

  Wanted: Cold blooded dude

  Description: kills the audience with bad puns and pronounced eyebrows.

  Distinguishing marks:

  • carrying a blunt, plastic knife;
  • wears napkin in right pocket;
  • bold as a kneecap.

  Award: 150 000$ for comedian courses for that person.

Responsiveness

Slider can resize itself with the window accordingly. Also image self resizing to fit slider.

• 

• 

Customizable

Elements of slider can be easily customized.

• 1

• 2

• 3

• 4

• 5

$(window).load(function() {

$('#full_feature').swipeslider();

$('#content_slider').swipeslider({

transitionDuration: 600,

autoPlayTimeout: 10000,

sliderHeight: '300px'

});

$('#responsiveness').swipeslider();

$('#customizability').swipeslider({

transitionDuration: 1500,

autoPlayTimeout: 4000,

timingFunction: 'cubic-bezier(0.38, 0.96, 0.7, 0.07)',

sliderHeight: '30%'});

});