G'day all,
I've just successfully integrated a bog-standard WAG-generated album (only 11 photos) into an Expression Web 4.1 based website.
If you'd like to see the results, feel free to browse to http://www.tenuousminds.com/GalleryIndex.html
If you do a "view source" in your browser, you'll see that just past the <!-- #BeginEditable "PageContent" --> comment (usually starts on line 65, but word-wrapping might change that!) is the WAG-generated album code.
You'll note a few minor differences from a typical WAG album.
First - where's the html header and css url? Well, because I use a dynamic template, I couldn't just put some of the header code generated by WAG into my own header, as it would be overwritten the next time the template changed! I could work around this by adding another editable region, but for 11 photos, it wasn't worth it.
Next, you might notice that the tag classes and ids within the WAG code have "Gallery-" prefixed to them. So, for example, instead of just "navigation" in the div id, it will be "Gallery-navigation", and so on. This is so I could integrate the CSS selectors that WAG generates into my own CSS file, without clashing with existing selectors.
Usually, you'd leave the css references alone, but because I like to put all my stuff in one file, that worked well.
I've also added relative references to the album URLs in the index file, because it lives in the root folder of the site, while the album html files are all grouped together in the Album folder. Simple, huh?
I also had to change the album html files so they knew where the album index file was now. They were also edited to add support for the image files being in the images folder off the root folder. That way, all my images stay together.
Finally, I added a link to the album photos - if you click a thumbnail, you get the album file, if you click the big picture, you get a humungous picture.
There's about an hour's work in doing all of this, from selecting the original files in WAG, to generating the album, to editing the various files and integrating them.
Hopefully this material might help someone who's not sure how to do something similar.
I also hope no-one minds me posting this here. I'm really proud of how good the album looks and works, even if it's not a subject everyone has a passion for!
Thanks to Mark for such a fantastic product. I've tried this same level of generation and integration with 5 other tools (including jalbum), and in some cases I had to give up after a day or more of editing and getting nowhere. This says a LOT about the quality of the code generated by WAG!
Enjoy.