 |
| |
| |
<!-- / x1 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><X-FC-LIST-ITEM Name></title>
<!--
1 ) Reference to the file containing the javascript. This file must be located on your server.
-->
<script type="text/javascript" src="/plugins/highslide/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="/plugins/highslide/highslide.css" />
<!--
2) Optionally override the settings defined at the top of the highslide.js file. The parameter hs.graphicsDir is important!
-->
<script type="text/javascript">
hs.graphicsDir = '/plugins/highslide/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.wrapperClassName = 'dark borderless';
hs.fadeInOut = true;
hs.dimmingOpacity = .75;
hs.captionOverlay.position = "top center";
hs.captionOverlay.width = "250px";
// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: true,
fixedControls: 'fit',
overlayOptions: {
opacity: .6,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>
<!--
3) These CSS-styles are necessary for the script to work. You may also put them in an external CSS-file. See the webpage for documentation.
-->
</head>
<body style="background-color: silver; text-align: center;">
<div id="gallery-area" style="width: 600px; height: 400px; margin: 0 auto; border: 1px solid silver">
| ||