,Slideshow.js is a jQuery plugin for quickly and easily implementing slide show of images or videos into your website.,A Simple of slide show example as shown below, <html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "en" lang = "en"> <head> <meta http-equiv = "content-type" content = "text/html; charset = UTF-8" />\t\t <link rel = "stylesheet" href = "css/supersized.css" type = "text/css" media = "screen" /> <link rel = "stylesheet" href = "theme/supersized.shutter.css" type = "text/css" media = "screen" /> \t\t <script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script > < manuskript type = "tekst /javascript" src = "js /jquery. lempelse. min.js" > < /manuskript > < manuskript type = "tekst /javascript" src = "js /stor. 3.2.7. min.js" > <. /manuskript > < manuskript type = "tekst /javascript" src = "tema /stor. lukkeren. min.js" > < /manuskript > < manuskript type = "tekst /javascript" > jquery (funktion ($) {%. stor ({lysbilleder: 1, autoplay: 1, start_slide: 1, stop_loop: 0, tilfældig: 0, slide_interval: 3000, overgangen: 6, transition_speed: 1000new_window: 1, pause_hover: 0, keyboard_nav: 1, resultater: 1, image_protect: 1, min_width: 0, min_height: 0, vertical_center: 1, horizontal_center: 1, fit_always: 0, fit_portrait: 1, fit_landscape: 0, slide_links: "blank", thumb_links: 1, thumbnail_navigation: 0, lysbilleder: [(billede: "http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/slides /kazvan-1 jpg, titel: "stikprøve demo, tommelfinger: http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/thu mbs /kazvan-1 jpg, url: http: //////////////www.tutorialspoint. com '} {billede:" http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/sli des /kazvan-3 jpg, titel: "stikprøve demo, tommelfinger: http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/tommelfingre /kazvan-3. jpg, url: http: //////////////www.tutorialspoint. com'} {billede: http: //buildinternet.s3.amazonaws.com/projects/supersized/3.2/lysbilleder /wojno-1 jpg, titel: "stikprøve demo, tommelfinger: http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/tommelfingre /wojno-1 jpg, url: http: //////////////www.tutorialspoint. com '} {billede:" http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/lysbilleder /wojno-2 jpg, titel: "stikprøve demo, tommelfinger: http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/tommelfingre /wojno-2 jpg, url: http: //////////////www.tutorialspoint. kom ('),{billede: "http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/lysbilleder /wojno-3 jpg, titel:" stikprøve demo, tommelfinger: http://buildinternet.s3.amazonaws.com/projects/supersized/3.2/tommelfingre /wojno-3 jpg, url: http: //////////////www.tutorialspoint. com ')], progress_bar: 1, mouse_scrub: 0})}). < /manuskript > < /head > < stil type = "tekst /css" > ul&#demo blok (margen: 0 15px 15px 15px;} ul&#demo blok li {margen: 0 0 10px 0; polstring: 10px; display: overensstemmelse; flyde: venstre. klart. både; farve:&#backgrou aaa.nd:url('img/bg-black.png'); font:11px Helvetica, Arial, sans-serif; } ul#demo-block li a{ color:#eee; font-weight:bold; } </style> \t\t <body> \t\t <div id = "prevthumb"></div> <div id = "nextthumb"></div> \t\t\t <a id = "prevslide" class = "load-item"></a> <a id = "nextslide" class = "load-item"></a> \t\t\t <div id = "thumb-tray" class = "load-item"> <div id = "thumb-back"></div> <div id = "thumb-forward"></div> </div> \t\t\t <div id = "progress-back" class = "load-item"> <div id = "progress-bar"></div> </div> \t\t\t <div id = "controls-wrapper" class = "load-item"> \t\t\t <div id = "controls"> \t\t\t <a id = "play-button"><img id = "pauseplay" src = "img/pause.png"/></a> \t\t\t\t\t <div id = "slidecounter"> <span class = "slidenumber"></span> /< span class = "totalslides"></span> </div> \t\t\t\t\t <div id = "slidecaption"></div> <a id = "tray-button"><img id = "tray-arrow" src = "img/button-tray-up.png"/></a> <ul id = "slide-list"></ul> </div> \t\t\t\t </div> \t\t\t </div> \t\t </body> < /html > det bør føre til følgende resultat −, klik her,
jQuery Slideshow.js
Previous:jquery progressbar. er
Next Page:jquery drawsvg. er