File "usersGuideFull.html"
Full path: E:/sites/Single15/tinmung2007/webroot/Tin VUI_BUON/Khan Tron/album/res/usersGuideFull.html
File size: 7.5 KiB (7685 bytes)
MIME-type:
Charset: utf-8
<html>
<head>
<Title>Beamer - Slideshow projector V1.5 - Users Guide.</title>
<link href="styles.css" rel=stylesheet>
</head>
<body>
<h2>Beamer - Slideshow projector V1.5 - Users Guide.</h2>
<p>The main purpose of this skin is to be able to view images without any other visible
item on the screen. It is designed for slideshows with a beamer (VGA projector) but is
also very well suited for viewing images on your PC screen.</p>
<p>View options like fullscreen or not, manual mode or automatic mode, automatic mode delay and others can be set
at viewing time instaed of at album generation time.
<h3>Features.</h3>
<ul>
<li>On-line help.</li>
<p>
<li>Fullscreen display for presentations to an audience - the main reason for this skin.</li>
<li>Optional non-fullscreen display.</li>
<li>Can hide all navigation buttons for a full view of the image. The keyboard puts you in control.</li>
<p>
<li>Options panel.</li>
<li>Control for previous, next, play, pause, up and close with buttons.</li>
<li>Control for next by clicking the image.</li>
<li>Control for previous, next, up, play and pause with keys
(Page Up = previous, Page Down or Enter is next, i is up (index), p is toggle play/pause).</li>
<li>Close slide window (key-Esc).</li>
<li>Display/Hide Navigation Button Box (button or key-b).</li>
<li>Automatic/Manual play mode.</li>
<li>Set delay time.</li>
<li>Optional loop infinite or stop at last slide.</li>
<p>
<li>Display/Hide Exif info (button or key-e).</li>
<li>Display at Top/Display at Bottom/Hide Comment.</li>
<li>Show at Top/Show at Bottom/Hide Image File Base Name. (button or key-f). Setting is kept accros pages.</li>
<p>
<li>Easy to extend. Your imagination is the limit.</li>
<p>
<li>Contains two libraries for array and URL encoding support.</li>
<p>
<li>Works for Microsoft Internet Explorer and for Netscape Navigator.</li>
</ul>
<h3>Requirements.</h3>
<p>Platform with IE (tested with 5.5 and 6) or NS (tested with 7.01), JAlbum > 3.4.</p>
<h3>How to install.</h3>
<p>Extract the zip file into .../JAbum/skins. Make sure you keep directories.</p>
<p>If you want to use it, then the start.html must be manually copied into the output directory (next to the index.html).
Although this file is optional, it gives is nice (customizable) start page for your show.
Show here the shows front page and/or your logo while the audience is waiting.</p>
<h3>How to use.</h3>
<P>Fireup the start.html or index.html page in your browser.</p>
<p>Select the options you want via the options panel, hit set and 'Back to Slide Show'.</p>
<p>The first choice is the view mode: fullscreen or not. Once you've entered fullscreen mode
then you have a nice display that shows no traces of windows artifacts any more.</p>
<p><b>TIP!</b> When fullscreen is selected there are no browser elements visible any more when using IE. For
NS you need to hit the <b>F11-key</b> additionally the get the real fullscreen.</p>
<p>Quality - Resolution. On a 1024x768 screen, IE has 1024X768 available while NS has only 1024x766.
1024x768 = 4/3, 1024x766 != 4/3, closest is 1020x765.
I suggest to resize with JAlbum to 1024x768 or 1020x765 and do <b>no</b> resize with the
browser any more. If you use 1024x768 then in IE it's OK and in NS you can't see 2 lines.
I will look into this in the near future and come with an update. Probably it's just a matter of
reading the correct window.variables.
In any case it is best to avoid two resize steps in sequence (i.e. one in JAlbum and one in the browser.)
<p>See the <a href="usersGuide.html"><b>Command Reference</b></a> page of the users guide for all possible controls.
</p>
<h3>Under the hood.</h3>
<p>Makes use of MyArray.js and urlState.js. These are two Javascript 'libraries' of mine.</p>
<p>MyArray.js can be used on its own, urlState.js builds on MyArray.js. Beamer uses urlState.js</p>
<p>All state is communicated via URL encoding. I could have used cookies aswell. But some people
have their cookies disabled. So I preferred not to use cookies. Communication can also via frames or
even via other windows.</p>
<h3>Known issues/To do.</h3>
<ul>
<li>The default value for options that are set via check boxes must be "no". This is not really
a problem. Just reverse the meaning of the option. (This 'problem' is because of the fact that a
non-checked checkbox is not present in the URL when the form is submitted.
Maybe I will update this in a next release. The form submit will be removed.)</li>
<li>The fullscreen window does not always come on top when already open. This might confuse you
when you go back to the start/index screen and click. The page opens correctly in the
appropriate window, only the window remains in the back. Open via Alt-TAB.</li>
<li>FileNameDisplay can only be at top or hiden. Bottom needs to be done with other div, positioned at the
bottom.</li>
<li>Add keyboard control to index pages also.</li>
</ul>
<h3>Credits</h3>
<p>This skin is based on ideas in the Slide Show and on the SlideFlow skins.</p>
<p>David Ekholm the creator of JAlbum.</p>
<h3>Version</h3>
<p>Changes in Beamer_2006-01-03_A V1.5.</p>
<ul>
<li>Make it compatible with JAlbum 6.x.
<li>Some minor cleanup.
</ul>
<p>Changes in Beamer_2004-01-18_A V1.3.</p>
<ul>
<li>Caption at top, bottom or hide is working now.
<li>Caption from JPEG/EXIF comment and from rootImageDirectory/captions.txt file (appended).
<li>Options panel is accessible from slide page.
<li>Help panel is accessible from slide page.
<li>Fullscreen with scrollbars=auto iso no.
</ul>
<p>Beamer_2003-09-17_B.</p>
<h3>Claims and Disclaims.</h3>
<p>Use, modify and distribute at your own will. Do not remove the references to me and/or
my website.</p>
<p>All use is at your own risk. I do not take any responsability for whatever damage.</p>
<h2>Download</h2>
<div>
<table>
<tr>
<td>
<a href="http://jrepository.engblom.org/">http://jrepository.engblom.org/</a> or directly to
<a href="http://jrepository.engblom.org/default.asp?Action=viewskin&GUID={0E4F8BF8-0FC4-46FF-9A16-5FC47E63F827}">Beamer</a>.
<td> </td>
</tr>
<tr>
<td>
<a href="http://users.skynet.be/vanroosekes/generalContents/digitalImaging/Beamer/index.html" target="_blank">
<small>Skin design by Johan Vanroose</small></a>
</td>
<td> </td>
</tr>
</table>
<table cellspacing=2 cellpadding=2 border=0 align="right">
<tr>
<!-- Close button -->
<td>
<a href="javascript:history.go(-1)"><img src="close_1.gif" border="0" title="Back" width="20" height="20"></a>
</td>
</tr>
</table>
</div>
</body>
</html>