The photography site for sore eyes. Featuring: Art, photography, performance and theatre. With extra writing because I'm also a writer.
var fo = new SWFObject(“autoviewer.swf”, “viewer”, “100%”, “532”, “8”, “#FFFFFF”);
NOTE: To make the AutoViewer go the full width of the webpage, I have changed the value in the var fo = line to “100%”
Change the gallery.html line to gallery_XXXX.html (the name of your new gallery file which you have copied into the pages folder) – this will link it to the right images.
NOTE: The source code you can get from the AutoViewer website does not include the extra line I’ve added here before the f0.write This line you have to get from elsewhere on the site (or you can cut and paste the whole of the script I have provided here).
To change the following:
removing PLAY button or ARROW buttons
changing background colours,
brightness of images either side of central images in the slideshow:
These changes will affect every slideshow on the website as each AutoViewer slideshow uses the same swf source file.
NOTE: If you change the width/height of the slideshow in this code, it will only affect this one slideshow on this particular page.
In your AutoViewer folder (which you have downloaded) go to source > \source\com\airtightinteractive\apps\viewers\autoviewer\Options.
Save and then republish the SWF file – by opening source/autoviewer.fla in Adobe flash and FILE > Publish.
Copy this new autoviewer.swf file (which you will find in the AutoViewer web folder into the pages folder of your Dreamweaver site.
Part 4 – Uploading to your completed website to Dreamwaver
I used FileZilla.
Biggest problem here was the all the page files need to go directly into the wwwroot directory (if they are in a folder on the wwwroot directory your website will not work).
Once uploaded, you must manually, in FileZilla or Dreamweaver, move everything in the pages into the wwwroot folder. But you will also have to move the images in the pages > Images folder into the images folder (as these images have to be in the fodler directly next to the html pages themselves.
Another note of caution: If you then upload new or amended pages through Dreamweaver they may go directly into the pages folder. You will then have to drag them out of there and into the wwwroot folder.
I have been dragging any updated html files in FileZilla – but this does not work unless you delete the html file you are replacing first (FileZilla offer the option to replace existing file for you, but this does not seem to work and updated pages are not visible when you check online).
If you add any images/logos to a page, don’t forget to copy them into the images folder in the wwwroot directory.
Part 5 – Linking your uploaded files to your server
Nightmare this was.
It is going to change from server to server, where the name of their folders and files are not exactly the same as those in Dreamweaver.
In Dreamweaver:: SITE > mange site > select your project in the pop-up box > EDIT
Click on Testing Server (CS4):
Server model: [none]
FTP host: [your host website login]
Host directory [/wwwroot – though this may differ for other website host companies]
Login: [your host website login]
Password: [your host website login]
URL prefix: [something like this: ftp://XXXXXX@XXXXXX/wwwroot/]
Then click on TEST
Hopefully this will now connect with your webhost.
NOTE: Getting the URL prefix was not easy. I emailed my webhosting company several times – they were no help. To be honest, I’m not sure where I actually got for the prefix from in the end – possibly SITES > Manage > unnamed server > edit. Comments here welcome.
Thanks for sticking with me. This guide is far from comprehensive – but it may just save your sanity.