Skip to main content
March 5, 2009
Answered

slideshow extension

  • March 5, 2009
  • 1 reply
  • 2256 views
I'm a rank novice developing my first website (Dreamweaver CS4) for a friend with a small business. I want to include a slideshow. I went to the extension manager and downloaded & installed the Ken Burns slideshow extension. I can run it with its default images, but I can't figure out how to put in my own images and delete the default images. Will this app run just with CS4, or do I need to have another app with it (like Fireworks or Flash)?

Any help greatly appreciated.
This topic has been closed for replies.
Correct answer Newsgroup_User
Al Sparber - PVII wrote:
> "danilocelic AdobeCommunityExpert" <danilo@shimmerphase.com> wrote in
> message news:goq7e5$e0e$1@forums.macromedia.com...
>> Sorry, have never looked at that extension. The timing wouldn't be in
>> the CSS, it would be in some JavaScript. Perhaps you can post a link
>> to a page so that someone can take a look to see how to modify the code.
>
> whatsamatta with you - there is a sample link from the exchange page :-)
>
> http://www.electricprism.com/aeron/slideshow/

Well thanks, Al. I suppose that I should visit the exchange more often, as I don't remember being any sample pages posted for extensions.

It looks like there is are a couple of options that may determine determines how long images are displayed. From this sample page which say is is the Ken Burns example:
http://www.electricprism.com/aeron/slideshow/example4.html

There is this in the code:
window.addEvent('domready', function(){
var data = {
'1.jpg': { caption: 'Volcano Asención in Ometepe, Nicaragua.' },
'2.jpg': { caption: 'A Ceibu tree.' },
'3.jpg': { caption: 'The view from Volcano Maderas.' },
'4.jpg': { caption: 'Beer and ice cream.' }
};
var myShow = new Slideshow.KenBurns('show', data, { captions: true, controller: true, delay: 4000, duration: 1000, height: 300, hu: 'examples/', width: 400 });
});


In particular this line:
var myShow = new Slideshow.KenBurns('show', data, { captions: true, controller: true, delay: 4000, duration: 1000, height: 300, hu: 'examples/', width: 400 });

See "delay: 4000" and "duration: 1000" ? It seems that delay may be how long an image is shown and duration is the amount of time to do the fade between images. The times are in milliseconds (I assume), so 4000 equals 4 seconds. I'd suggest varying the values for those two parameters until you get something you like.

As the code is minified, its fairly difficult to know fully what all is going on in the code beyond what is documented, so, for future questions, you might want to contact the developer, or of course, dig in an learn JavaScript as if you're going to use the web widget extensions, you'll need to know how to dig around to do more with them.


--
Danilo Celic
| http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert

1 reply

Inspiring
March 5, 2009
tompen wrote:
> I'm a rank novice developing my first website (Dreamweaver CS4) for a friend
> with a small business. I want to include a slideshow. I went to the extension
> manager and downloaded & installed the Ken Burns slideshow extension. I can run
> it with its default images, but I can't figure out how to put in my own images
> and delete the default images. Will this app run just with CS4, or do I need to
> have another app with it (like Fireworks or Flash)?

The web widget extensions generally require that you go into the code and make any modifications necessary. If there are images that are displayed, then in the code that the extension applies to your page should be paths to the images. Update the paths to point to your images and you should be good to go, and if you need to add more, then you'll need to follow the code to see how to do that.

From there, either contact the creator of the extension to see if they have any further documentation, or post a link to your page and perhaps someone can peer at the generated code and make some suggestions about how to proceed.


--
Danilo Celic
| http://blog.extensioneering.com/
| WebAssist Extensioneer
| Adobe Community Expert
March 6, 2009
Danilo, thanks for the very useful info. Although I'm not great with code (yet), I was able to edit it and insert my images, changed the captions and removed the thumbnails and control bar popup.

Another question on the Ken Burns slideshow extension. I want to change the slide timings. I haven't been able to locate the code for the timings. Should it be in the external CSS for the app? Is there some special text that I'm missing?

Again, really appreciate your help.