diff options
| author | Andreas Unterkircher <unki@netshadow.at> | 2007-07-22 10:09:14 +0000 |
|---|---|---|
| committer | Andreas Unterkircher <unki@netshadow.at> | 2007-07-22 10:09:14 +0000 |
| commit | d989420a0c316a8c1f9a643418669496f807094b (patch) | |
| tree | 80a484fa29156959d2c794311ef268654725ccf2 /themes/default | |
| parent | fd60c69466028220a85533ba9e1abededfaf1e95 (diff) | |
issue46, added a javascript-based slider to modify slide-interval
git-svn-id: file:///var/lib/svn/phpfspot/trunk@242 fa6a889d-dae6-447d-9e79-4ba9a3039384
Diffstat (limited to 'themes/default')
| -rw-r--r-- | themes/default/stylesheet.css | 11 | ||||
| -rw-r--r-- | themes/default/templates/slideshow.tpl | 19 |
2 files changed, 27 insertions, 3 deletions
diff --git a/themes/default/stylesheet.css b/themes/default/stylesheet.css index 2074e21..4fd3b5c 100644 --- a/themes/default/stylesheet.css +++ b/themes/default/stylesheet.css @@ -8,6 +8,17 @@ body { padding: 10px;
}
+body.slideshow {
+ background-color: #ffffff;
+ color: rgb(26,151,15);
+ font-family: sans-serif;
+ font-style: normal;
+ border: none;
+ padding: 10px;
+ text-align: center;
+}
+
+
table, tr, td {
border-collapse: collapse;
padding: 0px;
diff --git a/themes/default/templates/slideshow.tpl b/themes/default/templates/slideshow.tpl index da740ac..c5e8ba5 100644 --- a/themes/default/templates/slideshow.tpl +++ b/themes/default/templates/slideshow.tpl @@ -1,5 +1,9 @@ {include file="header.tpl"} - <body onload="startSlideShow();" style="text-align: center;"> + <script type="text/javascript" src="slider/js/range.js"></script> + <script type="text/javascript" src="slider/js/timer.js"></script> + <script type="text/javascript" src="slider/js/slider.js"></script> + <link type="text/css" rel="StyleSheet" href="slider/css/bluecurve/bluecurve.css" /> + <body onload="startSlideShow();" class="slideshow"> <div id="slide_navigation"> <a href="javascript:prevSlide();" onclick="click(this);" title="slive to previous photo"><img id="rew_ico" src="resources/32_rew.png" /></a> <a href="javascript:pauseSlideShow();" onclick="click(this);"><img id="pause_ico" src="resources/32_pause.png" /></a> @@ -8,8 +12,17 @@ </div> <div style="margin: 0 auto; padding: 10px;"> <a href="javascript:window.close();" title="click to close slideshow"> - <img id="slide_img" alt="slideshow_img" style="padding: 10px; background-color: #ffffff;" /> + <img id="slide_img" alt="slideshow_img" style="padding: 15px; background-color: #000000;" /> </a> </div> -</body> + <form> + <div id="slider-1" tabIndex="1" style="margin: 0 auto;" onclick="if(this.blur)this.blur();"> + <input id="slider-input-1" name="slider-input-1" onclick="if(this.blur)this.blur();" /> + </div> + </form> + <div id="current_slide_time"></div> + <script type="text/javascript"> + initSlider(); + </script> + </body> {include file="footer.tpl"} |