Posted By Doteasy

SimpleViewer is a free, customizable Flash image viewing application. SimpleViewer is supported on all Doteasy web hosting plans, including the Doteasy $0 Hosting.

Doteasy Installation Tutorial

A client emailed us the other day asking if there is a way to have SimpleViewer as his website with navigation for the individual photo albums he has uploaded to his website.

Can this be done? Yes.

There are actually a few ways of doing it.

Using a Menu Page Link

One way is to create a menu page link on all albums’ index.html page. Example

This is done by adding the following lines directly before the <div id="flashcontent"> tag on the index.html files:

Note that if you want the menu page link to show up on all your albums, you will need to add the code on all of the index.html files.

This also means that if you add new albums to your website later on, you will need to manually update the links in each and every index.html file.

Using a Menu Gallery

Another way is to create a SimpleViewer menu gallery and insert <A> tags in the caption to link to individual albums. You will get this:

simpleviewer

What did we do?

  1. Create individual albums as you normally would.

  2. Create a menu gallery as you would for a normal photo album. This menu gallery includes one image from each of the individual albums.

  3. Open the gallery.xml file and edit the <caption> lines:


  4. Upload the contents of this menu gallery album directly to the root directory on the server and test the links by visiting your website.

* Caption text can include a limited set of HTML formatting, including hyperlinks, line breaks, font tags, bold, underline and italics. However, you must wrap HTML formatted text inside a CDATA tag, <![CDATA[....]]>, like the one above.

To add more albums later on, all you need to do is update this menu gallery with the new image and caption.

For more SimpleViewer customization how-to’s: http://www.airtightinteractive.com/simpleviewer/faq.html


 
2 Comment(s):
MArk said...
That's nice, but how to you rid of the Powered by PORTA. I figure out the 2008 that's in the index.html, the powered by porta is probably in SWF file. I can space it out so it shows over to the right side: HTML fo.addVariable("footer", " ");
December 13, 2008 12:20:37
 
Oliver said...
Thanks for that - very helpful!
June 8, 2008 06:04:52
 


 
Google

Recent Entries
 
Category
 
Latest Comments
 
Archives
 
Free Tools and Applications
 
Doteasy Knowledge Base
 
 
Links
 
Doteasy Reviews
 
Visitors

You have 2047661 hits.

 
$0 Web Hosting

$0 Web Hosting
 
 

Add to Technorati Favorites



Add to Google Reader or Homepage

Add to My AOL

Add to netvibes

Subscribe in Bloglines

Powered by FeedBurner