So... I was inspired by Kevin Swan to make a custom layout for my Albums in Showit 2.5! After much headscratching, reading Showitfast.com Knowledgebase and disecting Kevin's shows... here it is:

Carmen and Danny

I really like the way this is displaying, Please let me know if it doesn't show up correctly for you!

This was also my first InDesign Wedding album (I did a newborn album already too).

This was a VERY small wedding, parents and siblings only... at a cabin by Mt Rainier. Pretty cool!

~Bill

PS. Thank you Kevin! (and DJ too!)

FYI... it's screwed up in Safari:

Click to view attachment

Hey Bill;

Beautiful, Great job!!! I ran it in ie, tsome type of srtificat to there is some type of artifact to the extreme left of the page. Not sure what it is.

Andy

Wow, that rocks!

I'd really like to have a "pages" type background for my album layout previews to sit on, so maybe I'll have a go at it too!

Leann

I love it! it showed perfectly in firefox.

I REALLY need to get that tutorial from Kevin Swan! I love how you have the album pages border, does it show how to do that in the tutorial?

I found that too... if you shrink the window up from the bottom it pushes into place...

Any HTML wizards here want to point me in the right direction? Feel free to 'view page source' and tell me what to do.

Bill

Would you share your "book" part or do we need to make our own?

Thanks :-)

If you mean the background image that looks like the edges of a book, then no, that's a custom graphic that (in my case) includes the border and the text on the top.

Sure, here is a zipped PSD...

I left it a PSD so you can change the text in the upper right, I removed my name from the upper left. I also included the index.html file that I created to position the show over the page. You'll need to open it up in an editor and change the URL for the background image. Also make your showit show 790x380 (might have to play with this a little...)

In Showit under Controls - Advanced - Choose custom HTML - Point to the Index.html file (after you update it).

Let me see what ya come up with!

And in IE 7 too.

Excellent! Thank you Bill! Very cool.



weird - IE 7 worked fine for me.

Try to resize the browser's window. The background doesn't follow the flash object.

No problem... I couldn't have done it without all the help on this board. Happy to share.




I know it! I could put a disclaimer at the top that viewers must use Firefox... ;-) Seriously if anyone knows HTML better than me (not hard), could you please take a look at my formating and tell me how to lock the background in place regardless of the window dimensions?

Thanks in advance!

Set the background position in your style property

body {
background-image:url(http://www.cloudspot.com/images/albumblack3.jpg);
background-position:center;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
background-color:#000000;
}

Put it like:
background-position: 50 50

Find out what the value suppose to be there.

Thanks Alex,

That's not working for me. I just tried it with and without quotes and/or spaces and no matter what I do, if I take center out of there then it jams the background image up into to upper left corner and also frees up the flash object to move side to side with the resizing of the window! Both bad things... Any idea what else I could try?

try to add units like
background-position: 50px 50px

Got it! that worked Alex, thanks!

Here look again if you would and make sure it works without getting outta wack:

Slideshow

And here is my updated HTML file (attached). It doesn't center now, but hopefully it will look OK anyway. Anyone have a fairly low res screen? I'm curious if it runs off the right side to much?

Thanks again everyone!

http://www.pictureinfinity.com/slideshows/...lbum/index.html

NIce.

The top tag instead of center for the background fixes the Safari issue (and likely the IE7 issue too although I don't have it.). Better than my fix since it will still center on the window...

yeah top fixes it I think - but I'll try a few more browser ideas before I give in and accept it. It works in IE 7 that's what I'm in.

Works in Safari and Firefox too. I think you got it.

Hey Matt,

You might want to check your page name. It's coming up with my couple's name on your show (browser page name). Weird since my HTML template file is set to get that from the Showit XML file....

(would have PM'd, but I figured this might help others doing the same type of project)

fixed! I know why - but it's nothing anyone else will get.

M

Yup, it's fixed.

If you use fade to background instead of crossfade, it shows the book spine though the middle between pages. I just updated mine. Had to add a loading image too to keep up with you.... ;-)

Fixed the crossfade thanks for the tip!

I was inspired to get my album templates ready for 2007 so I created one for Graphi sized layouts (12x16, 9.5x13, etc.) and one for squares.

http://www.pictureinfinity.com/slideshows/...Test/index.html
http://www.pictureinfinity.com/slideshows/...Test/index.html


I also bundled all the files required - the .tpl template file for easy transitions, the square & graphi JPG for different sized books and both html files for easy layout. I also put in a copy of my preloader so that if you wanted to just make one with your colors, etc. you'd have the size I used and everything.

To get the new download just go to http://www.mattantonino.com and click on the Resource File. It's called Show It Album Templates and it's freeeee of course.

I posted about how to do this before the Crash... but all of my album slideshows are done in Showit. you can see several at http://www.kevinswan.com/photos.html

Just set your dimensions, get rid of zooming, grab an album background or make one or take a picture of one of your albums, etc. You need to embed the show to make it work, but it's not too tough!

k

"take a picture of your album"

That's an AWESOME idea - I think I'll do that as well for a couple diff albums.