Custom Badge Slideshow
expatjoe
Registered Users Posts: 10 Big grins
I'm creating a badge slideshow of some pictures but don't want them to link to my smugmug gallery. Is that possible? If so where in the code would I make that happen. It's not one of the choices when customizing the show.
Thanks,
Joel
Thanks,
Joel
0
Comments
This is what part of the code could look like...
value="AlbumID=21406345&dontpost=true&AlbumKey=Sv4B83&newWindow=false&width=400&height=400&transparent=true&splash=&showLogo=false&captions=true&clickUrl=http%3A%2F%2Fwww.smugmug.com&showThumbs=true&showButtons=true&pageStyle=white&autoStart=true&showSpeed=true&VersionNos=2011042105&splashDelay=0&crossFadeSpeed=350&clickToImage=true&showStartButton=false&randomStart=false&randomize=true&mainHost=cdn.smugmug.com" /><param name="wmode" value="transparent" /><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /><embed src="http://www.smugmug.com/ria/ShizamSlides-2011042105.swf"
It's this line I think leads viewers from the slideshow/badge to the gallery:
clickToImage=true&
And I believe that's shown twice in the embed code, so removing that should hopefully help!
Take care,
Wendee
SmugMug Support Hero
http://help.smugmug.com/
Thanks for the response.
Here is the code:
For the code above I don't see a "clickToImage" part of the code, though it is early and I'm without my first cup of coffee.
Thanks,
ExpatJoe
...426&albumKey=XhfDFm&clickToImage=false
My Website index | My Blog
Tried the above in my code below and it still linked to my smugmug page. I've underlined the added code below.
Any other advice?
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="300"><param name="movie" value="http://cdn.smugmug.com/swfs/badge/flashbadge.swf?useLargeImages=true&nickName=joelmasson&feedType=&BadgeHost=cdn.smugmug.com&albumID=21405426&clickToImage=false&albumKey=XhfDFm&width=800&height=300&gridSpacing=1&gridColumns=5&gridRows=1&background=%23f2f2f2&preloaderColor=&preloaderGlow=&gridDelay=2&slideshowDelay=4&order=random&forceSize=&showCaptions=false&introMode=fadein&aboutlink=&sharelink=&albums=" /><param name="wmode" value="transparent" /><param name="allowScriptAccess" value="always" /><embed src="http://cdn.smugmug.com/swfs/badge/flashbadge.swf?useLargeImages=true&nickName=joelmasson&feedType=&BadgeHost=cdn.smugmug.com&albumID=21405426&clickToImage=false&albumKey=XhfDFm&width=800&height=300&gridSpacing=1&gridColumns=5&gridRows=1&background=%23f2f2f2&preloaderColor=&preloaderGlow=&gridDelay=2&slideshowDelay=4&order=random&forceSize=&showCaptions=false&introMode=fadein&aboutlink=&sharelink=&albums=" width="800" height="300" wmode="transparent" allowScriptAccess="always" ></embed></object>
&clickUrl=false
might try it.
My Website index | My Blog
I take it I replace the other one with the above one?
Tried that, didn't work. Do I need to put any colons or semi-colons in there?
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="300"><param name="movie" value="http://cdn.smugmug.com/swfs/badge/flashbadge.swf?useLargeImages=true&nickName=joelmasson&feedType=&BadgeHost=cdn.smugmug.com&albumID=21405426&clickUrl=false&albumKey=XhfDFm&width=800&height=300&gridSpacing=1&gridColumns=5&gridRows=1&background=%23f2f2f2&preloaderColor=&preloaderGlow=&gridDelay=2&slideshowDelay=4&order=random&forceSize=&showCaptions=false&introMode=fadein&aboutlink=&sharelink=&albums=" /><param name="wmode" value="transparent" /><param name="allowScriptAccess" value="always" /><embed src="http://cdn.smugmug.com/swfs/badge/flashbadge.swf?useLargeImages=true&nickName=joelmasson&feedType=&BadgeHost=cdn.smugmug.com&albumID=21405426&clickUrl=false&albumKey=XhfDFm&width=800&height=300&gridSpacing=1&gridColumns=5&gridRows=1&background=%23f2f2f2&preloaderColor=&preloaderGlow=&gridDelay=2&slideshowDelay=4&order=random&forceSize=&showCaptions=false&introMode=fadein&aboutlink=&sharelink=&albums=" width="800" height="300" wmode="transparent" allowScriptAccess="always" ></embed></object>
This is the "Badge" not the regular "Slideshow" the slidshow does have the "click to image" option of Yes-No but the "Badge" type show doesn't have that option in the configure settings.
Also the code you posted above contains lots of line breaks / spaces. Make sure to get the clean code from the share button again and paste it directly into your site making the changes without pasting it elsewhere.
SmugMug Support Hero
Thanks for all the help but images are still clicking through to my site. I tried both codes above without the amp; but it still does the same thing.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="300"><param name="movie" value="http://cdn.smugmug.com/swfs/badge/flashbadge.swf?useLargeImages=true&nickName=joelmasson&feedType=&BadgeHost=cdn.smugmug.com&albumID=21405426&clickToImage=false&albumKey=XhfDFm&width=800&height=300&gridSpacing=1&gridColumns=5&gridRows=1&background=#f2f2f2&preloaderColor=&preloaderGlow=&gridDelay=2&slideshowDelay=4&order=random&forceSize=&showCaptions=false&introMode=fadein&aboutlink=&sharelink=&albums="/><param name="wmode" value="transparent" /><param name="allowScriptAccess" value="always" /><embed src="http://cdn.smugmug.com/swfs/badge/flashbadge.swf?useLargeImages=true&nickName=joelmasson&feedType=&BadgeHost=cdn.smugmug.com&albumID=21405426&clickToImage=false&albumKey=XhfDFm&width=800&height=300&gridSpacing=1&gridColumns=5&gridRows=1&background=#f2f2f2&preloaderColor=&preloaderGlow=&gridDelay=2&slideshowDelay=4&order=random&forceSize=&showCaptions=false&introMode=fadein&aboutlink=&sharelink=&albums=" width="800" height="300"wmode="transparent"allowScriptAccess="always"></embed></object>
SmugMug Support Hero
I'm having trouble putting a badge onto my wordpress blog. This is the code that smugmug created in the show off badge link
`<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="300" height="300"><param name="movie" value="http://cdn.smugmug.com/swfs/badge/flashbadge.swf?useLargeImages=true&nickName=melissagainey&feedType=&BadgeHost=cdn.smugmug.com&albumID=19970112&albumKey=vJ8Rk9&width=300&height=300&gridSpacing=1&gridColumns=4&gridRows=4&background=#000000&preloaderColor=&preloaderGlow=&gridDelay=1&slideshowDelay=4&order=norandom&forceSize=&showCaptions=false&introMode=fadein&aboutlink=&sharelink=&albums=" /><param name="wmode" value="transparent" /><param name="allowScriptAccess" value="always" /><embed src="http://cdn.smugmug.com/swfs/badge/flashbadge.swf?useLargeImages=true&nickName=melissagainey&feedType=&BadgeHost=cdn.smugmug.com&albumID=19970112&albumKey=vJ8Rk9&width=300&height=300&gridSpacing=1&gridColumns=4&gridRows=4&background=#000000&preloaderColor=&preloaderGlow=&gridDelay=1&slideshowDelay=4&order=norandom&forceSize=&showCaptions=false&introMode=fadein&aboutlink=&sharelink=&albums=" width="300" height="300" wmode="transparent" allowScriptAccess="always" ></embed></object>'
I then change the code given to this (the exact same method works for the slideshow show off option):
`[gigya src="http://cdn.smugmug.com/swfs/badge/flashbadge.swf?useLargeImages=true&nickName=melissagainey&feedType=&BadgeHost=cdn.smugmug.com&albumID=19970112&albumKey=vJ8Rk9&width=300&height=300&gridSpacing=1&gridColumns=4&gridRows=4&background=#000000&preloaderColor=&preloaderGlow=&gridDelay=1&slideshowDelay=4&order=norandom&forceSize=&showCaptions=false&introMode=fadein&aboutlink=&sharelink=&albums=" width="300" height="300" wmode="transparent" allowScriptAccess="always"]
It produces the object I want (4x4 grid with pictures) but the pictures aren't mine. This is a link to where my pictures are (and it even shows up as the requested grid!) I just can't seem to get this to work!
http://cdn.smugmug.com/swfs/badge/flashbadge.swf?useLargeImages=true&nickName=melissagainey&feedType=&BadgeHost=cdn.smugmug.com&albumID=19970112&albumKey=vJ8Rk9&width=300&height=300&gridSpacing=1&gridColumns=4&gridRows=4&background=%23000000&preloaderColor=&preloaderGlow=&gridDelay=1&slideshowDelay=4&order=norandom&forceSize=&showCaptions=false&introMode=fadein&aboutlink=&sharelink=&albums=%22%20width=%22300%22%20height=%22300%22%20wmode=%22transparent%22%20allowScriptAccess=%22always%22
Any help would be greatly appreciated.
My blog is melissagainey.wordpress.com
When putting the Smug-code into Wordpress are you using the "visual" or "html" tab.
The reason I ask is I see some code below the pictures that aren't yours this can happen because of putting the code into the "visual" area not the "html" area.
Let me know if this works.
I'm still unable to figure this problem out. I reached out to an expert service for help as well and they were also unable to configure the badge to work. Any thoughts?
Just posted the entire link (re-copied from smugmug) into the text tab first and wordpress.com completely stripped all te code out. It left the page completely blank. Tried it in the HTML section and it stripped out everything from <embed forward and made the <object... all into text. No link. No badge.
Here's the relevant badge code portion as an example. The way it's provided by SmugMug: and the same portion from your Wordpress blog (decoded for easier readability): Apart from that stuff has been juggled around, you'll note that Wordpress changed the parameter names (which are cAsE-sensitive).
albumID was changed to AlbumID
albumKey was changed to AlbumKey
I suggest that you report this issue with Wordpress to see if they can correct their plugin that does the conversion.
I'm not sure if you can directly edit the code yourself, but if you can, try to correct the capitalization issues that Wordpress is introducing to match the parameter names to what there is provided by SmugMug.
If you can manually edit the code, DO NOT copy and paste the above code from SmugMug as it won't work in its current format. You would need to manually change the individual letters that are incorrect.
SmugMug Support Hero
Why are you changing the brackets on the code from these: <> to these: [] ...is this for a short code?
My Smugmug Site