How do I... Embed an image slideshow?

If you get: "reference to undefined name 'image'" make sure that the Imagemagick extension is running.
From forums: http://forums.developer.mindtouch.com/showthread.php?p=24905

Any way to force it to use the thumbs for the slideshow. My images are large and take too long to render in the current form. I'm new to this and after trying to modify the code for a few hours I find I have to post.

thanks

When collecting the image URIs, add ?size=thumbnail or ?size=webview to them and you'll get smaller images.

I'm a total newbie here and trying to figure out the syntax. I assume this is the line I need to mod:
let pics = list.collect(pics,"URI");
but when I try to add that text"
let pics = list.collect(pics,"URI").."?size=webview";

I get an error because it doesn't want to add str to type list.
Could you elaborate on where to make the change? I've researched the list.collect function but still don't understand how to append the string to it.

Thanks for replying!

alas I figured it out. simply changed : let pics = list.collect(pics,"URI"); to
let pics = list.collect(pics,"webviewURI");

Found this tutorial very helpful too. Rewrote it a little or my template, all in the normal editor (no need to go into the source editor). Not the most elegant but it works well.

{{

/*
* ImageSlideshow Dekiscript Template
*
* by Bryan Nelson 16 May 2009
*
* {{ template.ImageSlideshow( path : uri ?, width: number ?, height: number ?) }}
* path : URI path to page with image attachements; Optional; Default = page.path
* width: Image width, Optional; Default = 320
* height: Image height, Optional; Default = 240
*
* This template inserts a table of thumbnails (with name and description) of all the
* images attached to a particular page.for the a page. If a page is not sepecified then the
* current page is used. If the number of columns are not specified then 3 is default.
*
* Work based on examples at
* http://developer.mindtouch.com/index.php?title=DekiScript/FAQ/How_do_I..._Embed_an_image_slideshow%3F&highlight=image+slideshow
*
* This template uses my preferred method of writing Dekiscript in the text editor and not
* the source editor to keep code formatting.
*
*/

var pics = map.values(wiki.getpage($0 ?? $path ?? page.path).files ?? { });
let pics = list.select(pics, "string.startswith($.mime, 'image/')");
let pics = list.collect(pics, "uri");

var webviewpics;
foreach(var pic in pics)
{
let webviewpics = webviewpics .. [ (pic .. "?size=webview") ];
}

if(#pics > 0)
{
image.slideshow(webviewpics, $1 ?? $width ?? 320, $2 ?? $height ?? 240, 5, "slideright");
}

}}

@btnelson any reason you don't want to embed your code directly in the page? it would be easier to reuse and nicer to look at.

This is a really cool effect. Is there any way to have text wrap around the slideshow object? In your sample above, the text would be posted to the right of the images.
Thanks.