SmugShowBuilder - Quickly generate HTML and URLs for SmugMug Flash Slideshows

[wellman]

I'm pleased to announce the release of SmugShowBuilder! SmugShowBuilder is another little project of mine which I've decided to make freely available to the SmugMug community. (The other is AlbumFetcher.) It's a simple web app that serves two main functions:

1. Quickly create the HTML for embedded SmugMug Flash Slideshows
2. Create URLs for full-screen versions of SmugMug Flash Slideshows

SmugShowBuilder is web-based (hosted on Google AppSpot), so it should run on any internet-connected computer. It's completely free to use.

This DGrin thread will be the project's home page. Feedback is extremely appreciated, and if there are bugs and/or other issues (as there always are), please let me know here. This is a hobby, so I can't hope to live up to SmugMug's standard of customer service, but I will try to help you out if you're having an issue with the app.

Enjoy!
-Greg

SmugShowBuilder: http://smugshowbuilder.appspot.com

Future ideas:

• Auto-parse gallery URLs
• Add selection of presets

[wellman]

SmugShowBuilder is live!

[lashmonster]

Originally Posted by wellman

SmugShowBuilder is live!

Just tried it out - cool. Thank you VERY much.

[GollyJer]

Awesome little tool. Thanks for putting this together Greg.

[wellman]

Originally Posted by GollyJer

Awesome little tool. Thanks for putting this together Greg.

Thanks! Glad somebody besides me found a use for it.

[SamirD]

Awesome little tool! I was wondering how I was going to easily play with all the options.

[wellman]

Originally Posted by SamirD

Awesome little tool! I was wondering how I was going to easily play with all the options.

Thanks.

[dres]

Before I post it, I wanted to get your ok for wrapping your pretty flash with a crusty gadget. I created a google gadget wrapper that you can try out by just adding it manually to iGoogle or some other widget page - http://hosting.gmodules.com/ig/gadge.../smugmug-2.xml. Let me know if its ok and how you want to be credited.

By the way, I have updated my old JS gadget too in the google directory since it never worked real well - http://www.google.com/ig/directory?t...19/smugmug.xml.

[wellman]

Originally Posted by dres

Before I post it, I wanted to get your ok for wrapping your pretty flash with a crusty gadget. I created a google gadget wrapper that you can try out by just adding it manually to iGoogle or some other widget page - http://hosting.gmodules.com/ig/gadge.../smugmug-2.xml. Let me know if its ok and how you want to be credited.

By the way, I have updated my old JS gadget too in the google directory since it never worked real well - http://www.google.com/ig/directory?t...19/smugmug.xml.

Fine by me. I'm actually not sure you need my permission. The Flash Slideshow is all coming from SmugMug and has been offered for a long time; my webapp just makes building the URLs or HTML for embedding much less fiddly. Cool stuff.

[dres]

Originally Posted by wellman

Fine by me. I'm actually not sure you need my permission. The Flash Slideshow is all coming from SmugMug and has been offered for a long time; my webapp just makes building the URLs or HTML for embedding much less fiddly. Cool stuff.

Ah, didn't realize that was the built-in one. Guess I'm good to go. Thanks for thumbs up.

[CynthiaM]

Can i use this to create a page on my smugmug site? Here's the code that it generated:

<object align="middle" height="700" width="1000"><param name="movie" value="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf"><param name="flashvars" value="AlbumID=8764703&AlbumKey=dekGt&autoStart=tr ue&captions=true&clickToImage=true&randomize=false &randomStart=false&showButtons=true&showLogo=false &showStartButton=true&showThumbs=true&transparent= true&bgColor=000000&borderColor=747170&borderCorne rStyle=rounded&borderThickness=4&clickUrl=blank&cr ossFadeSpeed=350&forceSize=OriginalURL&imgAlign=to p&splashDelay=1000"><param name="wmode" value="transparent"><param name="bgcolor" value="000000"><param name="allowNetworking" value="all"><param name="allowScriptAccess" value="always"><embed src="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf" flashvars="AlbumID=8764703&AlbumKey=dekGt&autoStar t=true&captions=true&clickToImage=true&randomize=f alse&randomStart=false&showButtons=true&showLogo=f alse&showStartButton=true&showThumbs=true&transpar ent=true&bgColor=000000&borderColor=747170&borderC ornerStyle=rounded&borderThickness=4&clickUrl=blan k&crossFadeSpeed=350&forceSize=OriginalURL&imgAlig n=top&splashDelay=1000" wmode="transparent" type="application/x-shockwave-flash" allowScriptAccess="always" allowNetworking="all" height="700" width="1000"></embed></object>

But where do I put this and how do I get it to effect this "gallery?"
http://www.cynthiamerzerphotography....80184731_JZCZj

Do I need to put anything in my CSS?

[wellman]

Originally Posted by CynthiaM

Can i use this to create a page on my smugmug site? Here's the code that it generated:

<object align="middle" height="700" width="1000"><param name="movie" value="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf"><param name="flashvars" value="AlbumID=8764703&AlbumKey=dekGt&autoStart=tr ue&captions=true&clickToImage=true&randomize=false &randomStart=false&showButtons=true&showLogo=false &showStartButton=true&showThumbs=true&transparent= true&bgColor=000000&borderColor=747170&borderCorne rStyle=rounded&borderThickness=4&clickUrl=blank&cr ossFadeSpeed=350&forceSize=OriginalURL&imgAlign=to p&splashDelay=1000"><param name="wmode" value="transparent"><param name="bgcolor" value="000000"><param name="allowNetworking" value="all"><param name="allowScriptAccess" value="always"><embed src="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf" flashvars="AlbumID=8764703&AlbumKey=dekGt&autoStar t=true&captions=true&clickToImage=true&randomize=f alse&randomStart=false&showButtons=true&showLogo=f alse&showStartButton=true&showThumbs=true&transpar ent=true&bgColor=000000&borderColor=747170&borderC ornerStyle=rounded&borderThickness=4&clickUrl=blan k&crossFadeSpeed=350&forceSize=OriginalURL&imgAlig n=top&splashDelay=1000" wmode="transparent" type="application/x-shockwave-flash" allowScriptAccess="always" allowNetworking="all" height="700" width="1000"></embed></object>

But where do I put this and how do I get it to effect this "gallery?"
http://www.cynthiamerzerphotography....80184731_JZCZj

Do I need to put anything in my CSS?

Yes, you can embed that in your gallery. The easiest way would be putting HTML tags in your description section and pasting the code there.

[CynthiaM]

Originally Posted by wellman

Yes, you can embed that in your gallery. The easiest way would be putting HTML tags in your description section and pasting the code there.

Working on it. I like it!

[CynthiaM]

Originally Posted by wellman

Yes, you can embed that in your gallery. The easiest way would be putting HTML tags in your description section and pasting the code there.

Is there a way to control the size of the caption that is generated? I would like it to be smaller, is that possible? This is what the code produced:
http://cynthiam.smugmug.com/gallery/8764703_dekGt

[wellman]

Originally Posted by CynthiaM

Is there a way to control the size of the caption that is generated? I would like it to be smaller, is that possible? This is what the code produced:
http://cynthiam.smugmug.com/gallery/8764703_dekGt

I am not aware of one. SmugSorcerers, do you have any advice?

[CynthiaM]

Originally Posted by wellman

I am not aware of one. SmugSorcerers, do you have any advice?

Thanks . I will keep checking to see if anyone answers.

[Freedom Chic]

Hi there- I needed this and it works great! 1 thing I can't figure out though is why when I click on the large image in order to be brought to the gallery on my site so that I can purchase the pic, it's coming up 'page not found'? I have a client that is going to embed a slideshow on his site and his clients need to be able to click the picture they want and be brought to my site to buy it. Did I do something wrong int he builder? this is the code I got:

<object align="middle" height="400" width="600"><param name="movie" value="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf"><param name="flashvars" value="AlbumID=8838035&AlbumKey=SE67k&autoStart=tr ue&captions=false&clickToImage=true&randomize=fals e&randomStart=false&showButtons=true&showLogo=true &showSpeed=false&showStartButton=false&showThumbs= true&transparent=true&bgColor=e3e3e3&borderColor=f fffff&borderCornerStyle=square&forceSize=MediumURL "><param name="wmode" value="transparent"><param name="bgcolor" value="000000"><param name="allowNetworking" value="all"><param name="allowScriptAccess" value="always"><embed src="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf" flashvars="AlbumID=8838035&AlbumKey=SE67k&autoStar t=true&captions=false&clickToImage=true&randomize= false&randomStart=false&showButtons=true&showLogo= true&showSpeed=false&showStartButton=false&showThu mbs=true&transparent=true&bgColor=e3e3e3&borderCol or=ffffff&borderCornerStyle=square&forceSize=Mediu mURL" wmode="transparent" type="application/x-shockwave-flash" allowScriptAccess="always" allowNetworking="all" height="400" width="600"></embed></object>

This needs to go live tomorrow, so I'm hoping you can help. Thanks SO much in advance

[wellman]

Originally Posted by Freedom Chic

Hi there- I needed this and it works great! 1 thing I can't figure out though is why when I click on the large image in order to be brought to the gallery on my site so that I can purchase the pic, it's coming up 'page not found'? I have a client that is going to embed a slideshow on his site and his clients need to be able to click the picture they want and be brought to my site to buy it. Did I do something wrong int he builder? this is the code I got:

<object align="middle" height="400" width="600"><param name="movie" value="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf"><param name="flashvars" value="AlbumID=8838035&AlbumKey=SE67k&autoStart=tr ue&captions=false&clickToImage=true&randomize=fals e&randomStart=false&showButtons=true&showLogo=true &showSpeed=false&showStartButton=false&showThumbs= true&transparent=true&bgColor=e3e3e3&borderColor=f fffff&borderCornerStyle=square&forceSize=MediumURL "><param name="wmode" value="transparent"><param name="bgcolor" value="000000"><param name="allowNetworking" value="all"><param name="allowScriptAccess" value="always"><embed src="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf" flashvars="AlbumID=8838035&AlbumKey=SE67k&autoStar t=true&captions=false&clickToImage=true&randomize= false&randomStart=false&showButtons=true&showLogo= true&showSpeed=false&showStartButton=false&showThu mbs=true&transparent=true&bgColor=e3e3e3&borderCol or=ffffff&borderCornerStyle=square&forceSize=Mediu mURL" wmode="transparent" type="application/x-shockwave-flash" allowScriptAccess="always" allowNetworking="all" height="400" width="600"></embed></object>

This needs to go live tomorrow, so I'm hoping you can help. Thanks SO much in advance

Something weird is going on with your domain name. SmugMug thinks your website is www.freedomchic.com, because that's where the slideshow is redirecting when you click on a photo. But none of your galleries actually work at www.freedomchic.com; they work at freedomchic.smugmug.com. (You can see this by changing the URL yourself after clicking on a picture from within the slideshow.)

I see you have a homepage set up at www.freedomchic.com that has links which redirect to different sites, one of them being your SmugMug site.

Check your CNAME settings under your SmugMug control panel. Hope that helps.

[Freedom Chic]

It helps to make a little more sense of why the page isn't found, but after reading up on cNames & instructions I'm now more confused than ever. I used to use freedomchic.com as the way to reach my SM but I've since used that domain for other projects as well and it has a landing page that links out to other sites, including SM. I didn't change anything regarding cnames or a records with Network Solutions or SM since I instituted the landing page. I'm completely puzzled as to why I need to change something in order to have the slideshow link back to the proper sm gallery? Is it possible to change something in the html to fix this? I'm really thankful that you replied already, but I guess what I'm saying is "I don't get it. Please, please help me more! What can I do or where do I go to figure out what to do?"

[Freedom Chic]

Originally Posted by wellman

Something weird is going on with your domain name. SmugMug thinks your website is www.freedomchic.com, because that's where the slideshow is redirecting when you click on a photo. But none of your galleries actually work at www.freedomchic.com; they work at freedomchic.smugmug.com. (You can see this by changing the URL yourself after clicking on a picture from within the slideshow.)

I see you have a homepage set up at www.freedomchic.com that has links which redirect to different sites, one of them being your SmugMug site.

Check your CNAME settings under your SmugMug control panel. Hope that helps.

You can disregard my confusion above...THANK YOU SO MUCH for pointing me in the right direction...all fixed!!!