Monday, April 23rd, 2007
When Christian Effenberger searched for a browser based slide show system he found the infamous S5 (Simple Standards-based Slide Show System) from Eric Meyer.
There were some features that Christian wish he had access too, so he created them:
Auto-scaling of text/images/objects/charts
If you’re setting up to present your 1600×1200 slide show and find
out the projector available to you only goes up to 800×600, don’t
worry. S5 will auto-scale the images/objects accordingly to the text
in the presentation to match the browser window, no matter what size
you make it. Put class=”scale” on any image/object/chart, and it’ll
be shown scaled.
Soft transitions (fading)
Transitions are made through browser compatible fading (softly and
evenly). Only the content of <div class=”slide”> and <img
class=”incremental” /> will be faded. The header, the footer and the
background remain unaffected. The overall duration for slides and
incrementals is adjustable.
Auto Play (autorun)
The automatic play was still missing for kiosk mode. Auto Play
supports overall delay for slides and is adjustable through the
control panel while running. Runs in an endless loop or only once to
the last slide and is also adjustable through the control panel while
Chart Support (pie/bar/line)
Chart Support is done through parsing html tables at runtime and
dynamic generation of scalable canvas graphics. The <table> must
include class=”piechart” or class=”barchart” or class=”linechart” and
an id with the suffix “_data”. The <canvas> must include width and
height attributes and the same id like the table, but with the suffix
“_canvas”. Further instructions can be found at References.
Extended control panel
The Themes with the suffix “_utf” uses a scalable control panel with
unicode characters to make all adjustments available via mouse click
(invoke the control panel at the lower center of the window). The
Themes with the suffix “_gfx” uses a fixed dimension control panel
with PNG images (invoke the control panel at the bottom of the window).
Advanced New Themes
The new themes makes use of the auto-scaling feature of images and
objects. The Advanced theme e.g. shows a scaling logo image in the
left and an analogue clock flash in the right of the header area. The
Sunny and the School themes shows scaling images in the left top and
Posted by Dion Almaer at 7:37 am