PDA

View Full Version : Slideshow in Wordpress


rlennon12
May-15-2009, 09:48 AM
Hello, all heros and Smuggers,

I am running a wordpress blog and would like to embed slideshows into posts. I am able to embed Photoshelter slideshows with no problem, and think that it shouldnt be an issue with SmugMug either.

I have installed Kimili Flash Embed Plugin, which all I need is the actual .SWF file name of the slide show, and it installs it noproblem.

Would anybody point me in the direction as to where i find the .SWF filename associated with my slideshows? I saw an embed code on the wiki site, but I didnt see where i would find this information.

Thanks Again
Ray.

jandrewnelson
May-23-2009, 03:35 AM
I'd like to know too.

Jerry
www.JourneyAmerica.org (http://www.JourneyAmerica.org)

jfriend
May-23-2009, 08:35 AM
See this page (http://wiki.smugmug.net/display/SmugMug/Flash+Slideshow) for how to embed a Smugmug slideshow in another web site.

rlennon12
May-23-2009, 08:31 PM
See this page (http://wiki.smugmug.net/display/SmugMug/Flash+Slideshow) for how to embed a Smugmug slideshow in another web site.

Thanks for the reply, unfortunately the problem with wordpress is that they dont allow code embeded into a post. thats why I was asking for just the .swf file extension.

I have a copy of wordpress.com running on a hosting company which I purchased with BlueHost.com I know there is some discrepency between wordpress.org and wordpress.com

I just need the extension file name, if it exists per slide show. otherwise ill have to find some other method. Or keep paying a $10 monthly to Photoshelter to host my slideshows, im sure there has to be a way out there?!

jfriend
May-23-2009, 10:29 PM
Thanks for the reply, unfortunately the problem with wordpress is that they dont allow code embeded into a post. thats why I was asking for just the .swf file extension.

I have a copy of wordpress.com running on a hosting company which I purchased with BlueHost.com I know there is some discrepency between wordpress.org and wordpress.com

I just need the extension file name, if it exists per slide show. otherwise ill have to find some other method. Or keep paying a $10 monthly to Photoshelter to host my slideshows, im sure there has to be a way out there?! I have no idea what you are asking for. The URL of the .swf file that makes the slideshow work is right in that embed code in the referenced page. Other than that, I don't know what you're asking for. I have no idea what an "extension file name" is.

rlennon12
May-25-2009, 05:27 PM
below is what is outlined on the referenced page. instead of changing the bold arguments, what I am looking for is a specific .swf file original to each and every gallery slideshow (underlined) I dont know how else to explain it, anyboxy familiar with Photoshelter, and their embed widget each gallery comes with a unique slideshow file.

<object align="middle" height="600" width="600">
<param name="movie" value="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf">
<param name="flashvars" value="AlbumID=2504559&AlbumKey=fO3Dg&transparent=true&crossFadeSpeed=500&clickUrl=http://www#46;smugmug#46;com (http://www#46;smugmug#46;com)">
<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=2504559&AlbumKey=fO3Dg&transparent=true&crossFadeSpeed=500&clickUrl=http://www#46;smugmug#46;com (http://www#46;smugmug#46;com)"
wmode="transparent" type="application/x-shockwave-flash" allowScriptAccess="always" allowNetworking="all" height="600" width="600"></embed></object>

jfriend
May-25-2009, 05:43 PM
below is what is outlined on the referenced page. instead of changing the bold arguments, what I am looking for is a specific .swf file original to each and every gallery slideshow (underlined) I dont know how else to explain it, anyboxy familiar with Photoshelter, and their embed widget each gallery comes with a unique slideshow file.

<object align="middle" height="600" width="600">
<param name="movie" value="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf">
<param name="flashvars" value="AlbumID=2504559&AlbumKey=fO3Dg&transparent=true&crossFadeSpeed=500&clickUrl=http://www#46;smugmug#46;com (http://www#46;smugmug#46;com)">
<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=2504559&AlbumKey=fO3Dg&transparent=true&crossFadeSpeed=500&clickUrl=http://www#46;smugmug#46;com (http://www#46;smugmug#46;com)"
wmode="transparent" type="application/x-shockwave-flash" allowScriptAccess="always" allowNetworking="all" height="600" width="600"></embed></object> There is no unique SWF file for each gallery. A single SWF file is used for all galleries and the gallery is specified via these arguments. That's just how Smugmug does it.

rlennon12
May-25-2009, 06:18 PM
none the less, for anybody following along, I managed to get this to work with wordpress!

between <code></code> tags using the HTML tab when uploading a new post, copy and paste from the gallery code the bold and underlined text. depending on how you have your blog page set up and the template you will have to edit the height and width arguments.

Im not the best at explaining code, but hopefully somebody else might be able to translate! but thanks to jfriend for the help.

heres a link to the slideshow embeded into my wordpress blog (http://www.raylennon.com/blog/?p=469) anybody might be able to help me remove the thumbs and controls?

<object align="middle" height="600" width="600">
<param name="movie" value="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf">
<param name="flashvars" value="AlbumID=2504559&AlbumKey=fO3Dg&transparent=true&crossFadeSpeed=500&clickUrl=http://www#46;smugmug#46;com (http://www#46;smugmug#46;com)">
<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=2504559&AlbumKey=fO3Dg&transparent=true&crossFadeSpeed=500&clickUrl=http://www#46;smugmug#46;com (http://www#46;smugmug#46;com)"
wmode="transparent" type="application/x-shockwave-flash" allowScriptAccess="always" allowNetworking="all" height="600" width="600"></embed></object>[/quote]

surfer808
Jul-14-2009, 01:33 AM
none the less, for anybody following along, I managed to get this to work with wordpress!

between <code></code> tags using the HTML tab when uploading a new post, copy and paste from the gallery code the bold and underlined text. depending on how you have your blog page set up and the template you will have to edit the height and width arguments.

Im not the best at explaining code, but hopefully somebody else might be able to translate! but thanks to jfriend for the help.

heres a link to the slideshow embeded into my wordpress blog (http://www.raylennon.com/blog/?p=469) anybody might be able to help me remove the thumbs and controls?

<object align="middle" height="600" width="600">
<param name="movie" value="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf">
<param name="flashvars" value="AlbumID=2504559&AlbumKey=fO3Dg&transparent=true&crossFadeSpeed=500&clickUrl=http://www#46;smugmug#46;com (http://www#46;smugmug#46;com)">
<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=2504559&AlbumKey=fO3Dg&transparent=true&crossFadeSpeed=500&clickUrl=http://www#46;smugmug#46;com (http://www#46;smugmug#46;com)"
wmode="transparent" type="application/x-shockwave-flash" allowScriptAccess="always" allowNetworking="all" height="600" width="600"></embed></object>[/quote]


Hey Ray, I like your site. I have the same problem you previously had. I want to insert my flash gallery created by smugmug on my wordpress site. But the instructions were very fuzzy and it's not working.

How did you fix it?

surfer808
Jul-14-2009, 01:35 AM
none the less, for anybody following along, I managed to get this to work with wordpress!

between <code></code> tags using the HTML tab when uploading a new post, copy and paste from the gallery code the bold and underlined text. depending on how you have your blog page set up and the template you will have to edit the height and width arguments.

Im not the best at explaining code, but hopefully somebody else might be able to translate! but thanks to jfriend for the help.

heres a link to the slideshow embeded into my wordpress blog (http://www.raylennon.com/blog/?p=469) anybody might be able to help me remove the thumbs and controls?

<object align="middle" height="600" width="600">
<param name="movie" value="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf">
<param name="flashvars" value="AlbumID=2504559&AlbumKey=fO3Dg&transparent=true&crossFadeSpeed=500&clickUrl=http://www#46;smugmug#46;com (http://www#46;smugmug#46;com)">
<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=2504559&AlbumKey=fO3Dg&transparent=true&crossFadeSpeed=500&clickUrl=http://www#46;smugmug#46;com (http://www#46;smugmug#46;com)"
wmode="transparent" type="application/x-shockwave-flash" allowScriptAccess="always" allowNetworking="all" height="600" width="600"></embed></object>[/quote]

I actually got it to work, but how can we remove those annoying buttons?

surfer808
Jul-14-2009, 02:02 AM
Hey guys, you're awesome you've always been so helpful with my questions.
So here goes, I recently created a new website on WordPress, I like wordpress because I can customize a lot of things, but smugmug is the hands down winner for galleries, photos, etc...

I want to integrate my smugmug account: kenji.smugmug.com
with my wordpress blog. Some of the things I wanted to do:


Include a flash in the center of my page, similar to my smugmug homepage. I checked other postings about this, and I saw a embed file to drop into my wordpress post, but the flash comes out very small and there's errors.
I want to remove the directional buttons on the flash alsoHere's the code I posted which is giving me errors. This is just a sample, I didn't use my specific albumID and album key yet.
<object align="middle" height="1200" width="1200">
<param name="movie" value="http://www.smugmug.com/ria/ShizamSlides-2007090601.swf">
<param name="flashvars" value="AlbumID=2504559&AlbumKey=fO3Dg&transparent= true&crossFadeSpeed=500&clickUrl=http://www#46;smugmug#46;com">
<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=2504559&AlbumKey=fO3Dg&transpar ent=true&crossFadeSpeed=500&clickUrl=http://www#46;smugmug#46;com"
wmode="transparent" type="application/x-shockwave-flash" allowScriptAccess="always" allowNetworking="all" height="1200" width="1200"></embed></object>[/quote]



Thanks in advance

denisegoldberg
Jul-14-2009, 05:18 AM
I want to remove the directional buttons on the flash also

To remove the directional buttons you'll need to add the parameter
showButtons: 'false'
All of the available parameters can be see on this wiki page - http://wiki.smugmug.net/display/SmugMug/Flash+Slideshow.

--- Denise

surfer808
Jul-14-2009, 10:09 AM
To remove the directional buttons you'll need to add the parameter
showButtons: 'false' All of the available parameters can be see on this wiki page - http://wiki.smugmug.net/display/SmugMug/Flash+Slideshow.

--- Denise

I got the original code from the page you referenced but its still not posting correctly. Is there a string of embeded code you can list? After reading all the comments, it's confusing because so many people say it's a different code, or add this or that, and in the end I'm not sure which is the final code to add a smugmug flash to my post??

Thanks for your help

jfriend
Jul-14-2009, 10:19 AM
I got the original code from the page you referenced but its still not posting correctly. Is there a string of embeded code you can list? After reading all the comments, it's confusing because so many people say it's a different code, or add this or that, and in the end I'm not sure which is the final code to add a smugmug flash to my post??

Thanks for your help Why don't you just let Smugmug generate the exact code for you. Go to the gallery in question, in the Share menu, choose the "Show Off" menu item, then hit Configure Configure Options and check off what you want. Then, hit Copy Embed Code and the right code will be on the clipboard.

surfer808
Jul-14-2009, 03:21 PM
Why don't you just let Smugmug generate the exact code for you. Go to the gallery in question, in the Share menu, choose the "Show Off" menu item, then hit Configure Configure Options and check off what you want. Then, hit Copy Embed Code and the right code will be on the clipboard.

Sweet, that did it! I didn't even realize, but all those fancy options are all shown there. No coding necessary, just copy and paste.

Thanks!!!:barb

surfer808
Jul-14-2009, 05:50 PM
Why don't you just let Smugmug generate the exact code for you. Go to the gallery in question, in the Share menu, choose the "Show Off" menu item, then hit Configure Configure Options and check off what you want. Then, hit Copy Embed Code and the right code will be on the clipboard.

I have another question...Would it be possible to create a flash using smugmug gallery, config the options, copy the embed code and use it as a header in my wordpress? Possibly by editing the header.php file?

Would that work?

surfer808
Jul-14-2009, 05:53 PM
I have a good one for you guys: Would it be possible to create a flash header using smugmug gallery, config the options, copy the embed code and use it as a header in my wordpress? Possibly by editing the header.php file?

Would that work?

Recently I was instructed on how to create a slideshow flash and embedding the code into my wordpress post. It works like a charm, but now I want to take it another step farther. I want to use that code in my header.php

Will this work?

jfriend
Jul-14-2009, 06:12 PM
I have another question...Would it be possible to create a flash using smugmug gallery, config the options, copy the embed code and use it as a header in my wordpress? Possibly by editing the header.php file?

Would that work? I don't understand what you're trying to do. The embed code for the slideshow is made for external web sites. You should be able to just paste it into your wordpress whereever you want it.

denisegoldberg
Jul-14-2009, 08:14 PM
I have a good one for you guys: Would it be possible to create a flash header using smugmug gallery, config the options, copy the embed code and use it as a header in my wordpress? Possibly by editing the header.php file?

Would that work?

Recently I was instructed on how to create a slideshow flash and embedding the code into my wordpress post. It works like a charm, but now I want to take it another step farther. I want to use that code in my header.php

Will this work?
Please don't ask the same question in two different threads. It just makes extra work for the helpers here. I've merged your duplicate into the same thread with the first.

--- Denise

surfer808
Jul-15-2009, 03:36 PM
I don't understand what you're trying to do. The embed code for the slideshow is made for external web sites. You should be able to just paste it into your wordpress whereever you want it.

This is what I'm trying to do:

http://www.peterlik.com/home.html

notice the flash at the header? Is there a way to do this using my smugmug gallery? I'll resize all of the photos to fit the head of course.

jfriend
Jul-15-2009, 03:47 PM
This is what I'm trying to do:

http://www.peterlik.com/home.html

notice the flash at the header? Is there a way to do this using my smugmug gallery? I'll resize all of the photos to fit the head of course. I don't understand what you're asking.

surfer808
Jul-15-2009, 04:32 PM
I don't understand what you're asking.

John,

The topic of the page is: 'Slideshow in Wordpress'
Rlennon12 asked the question: "I am running a wordpress blog and would like to embed slideshows into posts."

My question was towards the bottom which piggy backed off the original topic. I want to know if I can embed one of my flash galleries, using the 'show off' button feature smugmug has, in my wordpress website's header.

The best example I can give you is: http://www.peterlik.com/home.html
If you click on his site, you'll see his header has a slideshow flash.

Well that's what I'm trying to do. My current website I created with wordpress is, www.gokenji.com
You'll notice the flash I created is in the body of the page. I want it as the header.

That's the best I can explain it. If you still don't understand, no worries, i appreciate you taking the time and trying.

Thanks

jfriend
Jul-15-2009, 04:48 PM
John,

The topic of the page is: 'Slideshow in Wordpress'
Rlennon12 asked the question: "I am running a wordpress blog and would like to embed slideshows into posts."

My question was towards the bottom which piggy backed off the original topic. I want to know if I can embed one of my flash galleries, using the 'show off' button feature smugmug has, in my wordpress website's header.

The best example I can give you is: http://www.peterlik.com/home.html
If you click on his site, you'll see his header has a slideshow flash.

Well that's what I'm trying to do. My current website I created with wordpress is, www.gokenji.com (http://www.gokenji.com)
You'll notice the flash I created is in the body of the page. I want it as the header.

That's the best I can explain it. If you still don't understand, no worries, i appreciate you taking the time and trying.

Thanks I don't understand what question you are asking that has not already been answered.

As we've said already, Smugmug's slideshow was designed to be embedded in other web pages. You can use the "Show Off" configurator to set the parameters you want for a slideshow in your wordpress blog and then copy that HTML code into the blog where ever you want it that wordpress allows you to place your own custom HTML. I wordpress allows you to put HTML into your header, then you can paste the embedded slideshow into your header. If you have further questions that you want me to help with, please help me understand what else you have questions about.

P.S. I don't know anything about the wordpress side of things so someone else would have to help with that.

surfer808
Jul-15-2009, 05:19 PM
I don't understand what question you are asking that has not already been answered.

As we've said already, Smugmug's slideshow was designed to be embedded in other web pages. You can use the "Show Off" configurator to set the parameters you want for a slideshow in your wordpress blog and then copy that HTML code into the blog where ever you want it that wordpress allows you to place your own custom HTML. I wordpress allows you to put HTML into your header, then you can paste the embedded slideshow into your header. If you have further questions that you want me to help with, please help me understand what else you have questions about.

P.S. I don't know anything about the wordpress side of things so someone else would have to help with that.

The question is how do I get the smugmug flash displayed as my header?
Unfortunately I don't think you're familiar with wordpress so that may be the problem. Thanks for your help regarding the instructions to 'showthis off' that helped, I appreciate it.

I guess I'll create another post asking my question.

denisegoldberg
Jul-15-2009, 05:26 PM
The question is how do I get the smugmug flash displayed as my header?
Unfortunately I don't think you're familiar with wordpress so that may be the problem. Thanks for your help regarding the instructions to 'showthis off' that helped, I appreciate it.

I guess I'll create another post asking my question.
I really don't understand what you're asking. You said you created a wordpress site at http://www.gokenji.com/. That is a smugmug site, not a wordpress site. And if you want your slideshow in your header instead of your bio box, remove it from the bio box and put it in the header (on the advanced site-wide customization screen).

In addition, the blog that is linked to from that page is on blogger, not wordpress.

What exactly are you trying to do?

Please don't post another thread asking about wordpress and then be surprised when no one answers - this forum is to ask for help customizing smugmug, not wordpress. Did you not see (or choose to ignore) my post earlier asking you not to post the same question in mutliple threads - http://www.dgrin.com/showpost.php?p=1159687&postcount=19?

John has already given you the answer to the question you asked multiple times.

--- Denise

surfer808
Jul-15-2009, 05:50 PM
I really don't understand what you're asking. You said you created a wordpress site at http://www.gokenji.com/. That is a smugmug site, not a wordpress site. And if you want your slideshow in your header instead of your bio box, remove it from the bio box and put it in the header (on the advanced site-wide customization screen).

In addition, the blog that is linked to from that page is on blogger, not wordpress.

What exactly are you trying to do?

Please don't post another thread asking about wordpress and then be surprised when no one answers - this forum is to ask for help customizing smugmug, not wordpress. Did you not see (or choose to ignore) my post earlier asking you not to post the same question in mutliple threads - http://www.dgrin.com/showpost.php?p=1159687&postcount=19?

John has already given you the answer to the question you asked multiple times.

--- Denise

Geez, I thought you guys were on here to help, not attack. I'm pretty shocked because most of the times I've always been treated so nicely. Not sure what the problem is.

First of all, my site: www.gokenji.com IS a wordpress site. Perhaps you checked it during for the 2 minutes it was down when I was changing my themes, but trust me, it's a wordpress site (I built it on Artisteer).

So the other comments you wrote after that, is irrelevant it doesn't apply because the smugmug is being used as gallery only for now.

Second, I did not choose to ignore your comment yesterday. I thought it was rude, but I didn't ignore it. How did you want me to reply to you? I understand not to make repeat posts so people don't work so hard, so I didn't...In the future shall I write, "Ok"? To me it's a waste.

I did post again, but it's a different question. The first question I had on this post was how do I insert a flash from my smugmug to my post in wordpress. The next question (still in this same forum) was now that I know how to insert my flash (thank you John) can I use it in my header?
I made another post yesterday regarding the same thing, you removed it, fine.

So I'm not sure what you're talking about and why you have such an attitude. I don't see how it's extra work for you, don't respond if you don't know the answer. In the future I will not double post (lessoned learned).

jfriend
Jul-15-2009, 06:07 PM
First of all, my site: www.gokenji.com (http://www.gokenji.com) IS a wordpress site. Perhaps you checked it during for the 2 minutes it was down when I was changing my themes, but trust me, it's a wordpress site (I built it on Artisteer).

You may have an issue with your domain that is adding to the confusion. When I go to http://www.gokenji.com/ right now, it is a smugmug site. Here's a screen shot from my browser.

http://content.screencast.com/users/jfriend/folders/Jing/media/90ca8451-66c8-470b-8d0d-750a67048dfd/2009-07-15_1805.png

surfer808
Jul-15-2009, 06:26 PM
You may have an issue with your domain that is adding to the confusion. When I go to http://www.gokenji.com/ right now, it is a smugmug site. Here's a screen shot from my browser.

http://content.screencast.com/users/jfriend/folders/Jing/media/90ca8451-66c8-470b-8d0d-750a67048dfd/2009-07-15_1805.png

I think the problem is that you're logged into smugmug and smugmug domain still points to gokenji.com
however on my end it shows the wordpress site. I also logged in on my work computer, it also shows the wordpress site (two different computer two different servers). I will call up GoDaddy customer service, perhaps I can create a subdomain and point it to there.

Anyways, I was reading that nasty comment from Denise again, and she wrote: Do not to ask wordpress questions in the smugmug customization section. However, I'm not the one who started this post. The original question was how to insert a slideshow in wordpress (see the 1st post here). All I did was piggyback to his question.

jfriend
Jul-15-2009, 06:49 PM
I think the problem is that you're logged into smugmug and smugmug domain still points to gokenji.com
however on my end it shows the wordpress site. I also logged in on my work computer, it also shows the wordpress site (two different computer two different servers). I will call up GoDaddy customer service, perhaps I can create a subdomain and point it to there.

Anyways, I was reading that nasty comment from Denise again, and she wrote: Do not to ask wordpress questions in the smugmug customization section. However, I'm not the one who started this post. The original question was how to insert a slideshow in wordpress (see the 1st post here). All I did was piggyback to his question. If you've been changing your domain around, then it can take up to 48 hours for everyone to see the same thing. I don't think it has anything to do with being logged into Smugmug. This is an internet DNS thing, not a Smugmug thing.

ohyeahsure
Jul-16-2009, 11:58 AM
I see that you already have the flash slideshow working in the body of your page. You'll want to go to the Themes section in wp-admin and edit your header to insert the code for the slideshow. Look for the section that looks something like this:

<body>
<noscript><br/><br/>You must have Javascript enabled to view this site.</noscript>
<div id="page">
<div id="header">
<div id="header_container">
<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<div class="description"><?php bloginfo('description'); ?></div>
<div id="search">
<?php get_search_form(); ?>
</div>
</div>
</div>

This is obviously a question better suited to a WP support forum, as the issue of getting the smugmug slideshow to work on an external site was already answered before you asked your question.