Nobbyy, not sure if you are still interested in a stretching and clipping slideshow. Anyway, here is how I did it.
The slideshow itself is based on work of Acorn (see this thread) and created in a separate document.
If you want to use links on elements in the slideshow to open in the main window (what a visitor would probably expect) then you have to set the 'Open link' attribute in the link properties to 'Parent frame(_parent)'.
On the main document you will find a customized version of the stretching code (at the page head) that limits the height of the stretched content to that of the used placeholder.
Other than in the previous examples the placeholder doesn't have a name applied, the class name (which is used by the code in the page header) is set at an inner DIV in the placeholder body code:
Code:
<div class="xw_stretch" style="width: 2000px; overflow: hidden;">
<iframe src="slideshow.htm" frameborder="0" width="2000" height="300"></iframe>
</div>
You can see two width values both set to 2000 and a hight value set to 300 in this example. These values have to match the dimensions of your slideshow document page.
And off course the src value has to match the name of the exported slideshow sub site.
You can see the result online here.
Bookmarks