canvasSlideshow – html5 canvas image slideshow jQuery plugin

Usage

 

Include js files.

Add html.

  • Sky
  • Sea
  • Flower
  • Tree
  • Sky
  • Sea
  • Flower
  • Tree
  • Sky
  • Sea

Add startup script.


$(function() {
$("#webwidget_slideshow_html5_simple").webwidget_slideshow_html5_simple({
slideshow_transition_effect: 'Mosaic,Wipe_from_horizontal_blind,Wipe_from_vertical_blind,Wipe_from_vertical_center,
Wipe_from_horizontal_center,Wipe_to_horizontal_center,Wipe_to_vertical_center,
Wipe_from_bottom_to_top,Wipe_from_top_to_bottom,Wipe_from_right_to_left',
slideshow_time_interval: '4000',
slideshow_window_width: '500',
slideshow_window_height: '400',
slideshow_background_color: '#FFF',
slideshow_border: '#999 solid 2px',
text_effect: 'text_fade'
});
});

parameter explanatory

slideshow_transition_effect: each image transition effect
slideshow_time_interval: images interval time
text_effect: options:text_nothing text_color text_fade text_jump text_rebound text_typewriter text_whirl text_run text_runin

Download: http://www.htmldrive.net/items/download/531

Be Sociable, Share!

Leave a comment