관리-도구
편집 파일: slideshowFullscreen.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CrushFTP Slideshow</title> <script type="text/javascript" src="/WebInterface/jQuery/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="/WebInterface/jQuery/js/jquery-ui-1.8.2.custom.min.js"></script> <script type="text/javascript" src="/WebInterface/jQuery/js/slideshow.js"></script> <link href="/WebInterface/jQuery/css/slideshow.css" rel="stylesheet" type="text/css" /> <link href="/WebInterface/jQuery/css/ui-lightness/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css" /> <script type="text/javascript"> //<!-- function getPath() { var index = window.location.href.indexOf('?') + 1; var str = window.location.href.substring(index); var params = str.split('&'); var param; for(i in params) { param = params[i].split('='); if(param[0].toLowerCase() == 'path') break; } return param[1]; } $(document).ready(function(){ $('div.slideshow').slideshow(getPath(), {fullscreen: true}); }); //--> </script> </head> <body class="slideshow-fullscreen"> <div class="slideshow"> <div id="stage" class="stage"> </div> <div id="stage-hidden" class="stage-hidden"> <div id="stage-list"> <div class="canvas"> </div> <div class="files"> <div class="thumbs-container"> <div class="thumbs"></div> </div> </div> </div> <div id="stage-column"> <div class="canvas"> </div> <div class="files"> <div class="thumbs-container"> <div class="thumbs"></div> </div> </div> </div> <div id="stage-slideshow"> <div class="canvas"> </div> <div class="toolbar-container"> <div class="center file-slider-container"> <div class="file-slider" id="file-slider"></div> </div> <div class="center toolbar"> <div class="toolbar-item" id="previous-button"></div> <div class="toolbar-item" id="play-button"></div> <div class="toolbar-item" id="pause-button"></div> <div class="toolbar-item" id="next-button"></div> <div class="toolbar-timer-container"> <p class="toolbar-timer-interval" id="interval"></p> <div class="toolbar-timer" id="timer"></div> </div> </div> </div> </div> <div id="image-factory"></div> </div> <div class="menu"> <div class="left menu-container"> <div id="list-button" class="menu-item"></div> <div id="column-button" class="menu-item"></div> <div id="slideshow-button" class="menu-item"></div> </div> <div class="center menu-container"> <div id="download-button" class="menu-item"></div> <div id="upload-button" class="menu-item"></div> <div id="delete-button" class="menu-item"></div> </div> <div class="right menu-container"> </div> </div> </div> </body> </html>