The function description of the supersized plugin in jquery

Supersized Features:

• Automatically adjusts the picture and fills the entire browser screen.
• Cycle through pictures, support sliding and fade and so on a variety of image switching effects.
• navigation buttons that support keyboard orientation keys navigation.

Xhtml

<divId="Loading"></div>
<divId="Supersized"></div>

<divId="Prevthumb"></div>
<divId="Nextthumb"></div>

<divId="Controls-wrapper">
<divId="Controls">

<divId="Slidecounter">
<spanclass="SlideNumber"></span>/<spanclass="Totalslides"></span>
</div>

<divId="Slidecaption"></div>

<divId="Navigation">
Id="Prevslide"src= "Images/back_dull.png" />&NBSP;
id= "Pauseplay"   src= "Images/pause_dull.png" />&NBSP;
id= "nextslide"   src= "Images/forward_dull.png" />&NBSP;
         </DIV>&NBSP;
    </div > 
</DIV>&NBSP;

XHTML structure Code, #loading用来显示加载图片动画的; #supersized用来显示所要展示的图片; #prevthumb和 #nextthumb to show thumbnails of the previous and next one; Controls-wrapper control bar, place control buttons, and picture title content.

Remember to introduce jquery libraries and supersized plugins and CSS files in the XHTML page.

<scriptType="Text/javascript"Src= "jquery.min.js" > </script> 
<script type=< Span class= "Html__attr_value" > "Text/javascript"  src= "supersized.3.0.js" > </SCRIPT>&NBSP;
<link rel=" stylesheet " href= "supersized.css"  type= "text/css"  media= "screen"  />&NBSP;

Jquery

$(function (){
$.fn.supersized.options ={
Vertical_center:1,
Slideshow:1,
Navigation1,
Thumbnail_navigation:1,
Transition1,0-none, 1-fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
Pause_hover:0,
Slide_counter:1,
Slide_captions:1,
Slide_interval:3000,
Slides: [
{Image:' Slides/tower.jpg ', title:' City Clock Tower ',
Url:' Http://www.helloweba.com '},
             {image :  ' slides/fence.jpg ',  title :   url :  http://www.helloweba.com/blog.html ' },&NBSP;&NBSP;&NBSP;
            {IMAGE&NBSP;:   ' slides/tracks.jpg ',  title :  ' Old  Train tracks ',  
Url :  ' http://www.helloweba.com/case.html ' Span class= "Js__brace" >}&NBSP;
        ] 
     };&NBSP;
   $ ( "#supersized"). Supersized ();   

Parameter description:

Vertical_center: Whether to center the image vertically, or if 0, the image is the top-aligned.

Slideshow: Displays the Display toolbar, including the title, picture number, and navigation buttons.

Navigation: whether to show navigation buttons.

Thumbnail_navigation: For 1, you can toggle the picture by clicking Thumbnail navigation, which is 0 o'clock and the thumbnail is not displayed.

Pause_hover: Pauses the picture toggle when the mouse slides to the picture.

Transition: Picture Toggle effect, 0-None, 1-fade, 2-swipe up, 3-swipe right, 4-swipe down, 5-swipe left.

Slide_counter: Whether to display the number that toggles the picture.

Slide_captions: Whether to display the picture title.

Slide_interval: Picture switching interval (ms)

Slides: The switch picture collection, including image address image, picture title title, Image link URL.

AutoPlay: whether to play automatically.

Transition_speed: Toggle speed, Default 750.

Keyboard_nav: Whether keyboard switching is supported.

Random: Whether to randomly switch pictures

The function description of the supersized plugin in jquery