|May 5, 2010, 07:30 PM||#1|
GUIDE: How to add Flash Galleries to iWeb sites.
I have had a lot of emails regarding my site and how I implemented flash galleries, and due to the site I used for instructions having been taken down, I thought that I would add the instruction here to MacRumors. Here goes:
My iWeb site in general:
The site is and designed created in iWeb with the flash galleries for photos being AutoViewer. I wanted a minimalist look without having to learn much coding or hire a designer and this is the result.
The theme used is custom made as I was able to create exactly what I wanted without having to "fight" with one of the pre-made themes.
AutoViewer is a free flash gallery made by SimpleViewer and on their site you'll find different types of galleries that you can use. AutoViewer just worked for me.
How I create my AutoViewer Galleries:
I use Aperture 3 for my image editing however I use the Lightroom 3 Beta for my AutoViewer creating as it has more options and is much easily to use than the Aperture plugging available or the text based customization provided with AutoViewer.
Regardless of what way you create you're galleries, make sure that when you export your images for the gallery that they are sized exactly (600x400 pixels) how you want them to be on your website. This is to save every extra kilobyte of bandwidth when loading the webpage.
Once you have created the gallery and are happy with it, upload it to your server. I create a folder name "Flash" that I place all of my galleries in for the ease of finding and changing them. To make sure that you're gallery is uploaded, enter the path to the index.html file in the galleries folder. Example: http://stefanfeldmannphotography.com...rts/index.html Note the URL as you will need it later.
Adding the Gallery to your iWeb site:
The flash gallery is added using iframes. First, drag a HTML Widget from the iWeb inspector onto the page you want your gallery.
Then in the gray box that appears add this code:
<iframe src="http://YourSite.com/FlashGalleryFolder/index.html" width="900" height="650" scrolling="no" style="border:none;" frameborder="0"></iframe>
Change the YourSite path to the one that you noted earlier. You can also change the width, height, scrolling and style to your preference. It your gallery loads inside iWeb, the above code is correct.
It is crucial that your galleries files be on a server not on your local machine as otherwise they won't appear in iWeb when you are creating your site.
So there you have it, how to add a flash gallery to your iWeb site.
While I'm at it ill talk about what programs I use to enhance my iWeb site.
I use iWebSEOTool by Rage to add search engine optimization as well as custom page titles and other features.
I use iTweak to add a php contact to my website as well as to add iPhone redirection. The iPhone redirection is added via the search/replace function using this code:
Thats that. Please do NOT contact me through my website for help. Instead post a question below. Thanks.
Mid-2013 13" MacBook Air, iPhone 5, Nikon D800
Last edited by cosmokanga2; Nov 3, 2010 at 06:34 PM.
|Dec 2, 2010, 05:40 PM||#2|
I like the minimalist look of the Feldmann's website! I am new to iweb and your advice is exactly what I needed. Now let's see if I can make it work Thanks again...
|Dec 21, 2010, 01:14 PM||#3|
Sizing photos for autoviewer
i am preparing my photos for autoviewer and i have a question for you: you mention 600x400 pixels as the size the pics should be to be exported in autoviewer. is that the recommended size? the maximum size for proper loading? can i go bigger? could you clarify this for me please? thank you!
|Thread Tools||Search this Thread|
|thread||Thread Starter||Forum||Replies||Last Post|
|How to supercharge Mini?||ranny2||Mac mini||18||Oct 27, 2011 09:53 PM|
|How To Remove Server Part Of Lion?||hhaydenn||iMac||2||Aug 18, 2011 06:21 PM|
|how to make an iso into a img (does not work as an .iso)||mud25||Mac Basics and Help||2||Jul 19, 2011 10:30 PM|
|How to add infolinks to an Iweb Site||bogeybro||Mac Applications and Mac App Store||0||May 6, 2011 08:32 PM|
|How to add Google Analytics to a site hosted with MobileMe?||66217||Web Design and Development||4||Feb 6, 2009 01:17 AM|
All times are GMT -5. The time now is 03:59 AM.