Forums

Hi

I have my own custom slideshow/lightbox that I coded myself, as the general offerings where not what I required. However if it is a straightforward slideshow then I tend to use slideshop pro for flash (http://slideshowpro.net/), this does require that you have the flash program or lightroom though.

The one thing that most people get wrong when creating a slideshow is the linking to the images as this is done via an xml file, or list of files in a javascript array (this is normally done automatically so most people never see this). This means that the images and the folder/html files must be in the position they will actually be in (in the file structure), when you upload them to the server, otherwise the xml/javascript will be unable to find them.

What I would suggest is that you have all the images you require in the correct place before you start to create your slideshow with fireworks, then create the slideshow in fireworks. Save the resulting slideshow to the position in the file structure that your html page will be.

Here is a list of 9 jQuery slideshows that you may wish to try and most of them have acompanying tutotials (some have video tutorials), - http://bradblogging.com/jquery/9-jquery-slideshow-applications-you-can not-miss/.

PZ

Hi

It is available as an extension from the slideshow pro website. There is also a free trial version available, so you can check out the product to see if it is to you requirements first.

See - http://slideshowpro.net/products/slideshowpro/#sspff-trial.

PZ

Hi Again

I am assuming you have given the folder for the slideshow the name of myslideshow, but you may have it under a different name, so you will have to navigate to the folder where you created the slideshow with your browser.

PZ

Hi

See my last post.

PZ

Hi

When you did this item -

Now the important part, In the export path selection, select the browse option (the one with the ....), and navigate to where you wish the slideshow to be created. Select Create.

Where did you select the slideshow to be created? As this is where you have to navigate too in your browser to open the index file.

PZ

Hi

For a simple test create a simple slide show (3-4 images), and follow the instructions I gave you, but when you select where you wish the slideshow to be created, create a new folder on your desktop with the name myslideshow and select this folder as your destination for the slideshow.

Again my 1hr rule before log-off applies, I say this as many people do not repost until the following day, and I am away until the middle of next week from tomorow.

PZ

Hi

See, perseverance works. Before we go further the slideshow pro program works in a similar fashion, but with many more options.

I think the main problem is with your file structure, and that slideshows should be created first, before you create anything else at least until you have more experience. What you must do is create your site definition in dreamweaver first (but for the default image folder option use siteimages or something similar, but NOT images), see - http://www.adobe.com/devnet/dreamweaver/articles/first_cs4_website_pt1 .html. Then where you navigated to create the folder on your desktop you would instead navigate to the folder that you created in your site definition.

IMPORTANT - if you look at the file structure that the fireworks slideshow created (this is a standard structure for a slideshow), this structure must be maintained in all cases, otherwise your slideshow will not work. This means you cannot move any of the files or folders from their default position (you can once you know how, but not yet), as for the code in the index file copy/paste this code (complete with all javascript links etc) into a new html document and adjust the height and width settings (2 of both), in the code to what you require, but do not go below the ones set in the export options dialog that was set in the fireworks program. Then save your new index file in the same position as the fireworks created index file.

PZ

Hi Pat

Just about to log-off, so lets hope this works, (will stay on-line for 10 mins after posting).

Copy the entire slideshow folder (from the desktop, yes create it there), and copy it into your folder that you created for dreamweaver to use.

Now in the index.html file that fireworks/slideshow pro created, change the following items (in red), to those required (remembering the restrictions).

but do not go below the ones set in the export options dialog that was set in the fireworks program.

The items to change (would recommend changing to 33% initially)  -

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve rsion=9,0,28,0','width','100%','height','100%','src','slideshow','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=S hockwaveFlash','movie','slideshow' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve rsion=9,0,28,0" width="100%" height="100%">

Create you content around the code created by fireworks, if you are uncertain follow the complete tutorial that I pointed you to,  http://www.adobe.com/devnet/dreamweaver/articles/first_cs4_website_pt1 .html.

PZ