you're reading:
Flash, Gigya, Html & inline css codes, Images, Shortcodes, Sidebar, Slideshow, Text widgets

The gigya shortcode 2 – inserting Flickr slideshows

http://wpbtips.wordpress.com/

As explained in part 1 of this series of posts, the gigya shortcode allows you to use flash objects in a wp.com blog.

“Flash objects” includes Flickr slideshows (but be careful with copyright issues).

If you have enabled auto-embedding in Settings>Media, then you should be able to insert a Flickr slideshow simply by pasting its URL (http…etc.etc…/show/ ) in the HTML post or page editor (thanks to Jennifer for pointing out). If this won’t work, you can use the workaround described here.

The URL model for a Flickr photo set is this:

http://www.flickr.com/photos/USERNAME/sets/ID NUMBER/

To insert it as a slideshow, you need this shortcode model:

[gigya src="http://www.flickr.com/apps/slideshow/show.swf?v=71649" width="SPECIFY" flashvars="offsite=true&lang=en-us&page_show_url=/photos/USERNAME HERE/sets/ID NUMBER HERE/show/&page_show_back_url=/photos/USERNAME HERE/sets/ID NUMBER HERE/&set_id=ID NUMBER HERE&jump_to=" allowFullScreen="true" ]

Paste into HTML post or page editor, or into a text widget. Where I’ve written SPECIFY, you type in the desired width number; make sure it doesn’t exceed the maximum for the theme you’re using (see relevant posts here and here).

Example

URL:

http://www.flickr.com/photos/chrisschoenbohm/sets/72157622977173046/
(Night Shots – photos by Christopher Schoenbohm)

Shortcode:

[gigya src="http://www.flickr.com/apps/slideshow/show.swf?v=71649" width="500" flashvars="offsite=true&lang=en-us&page_show_url=/photos/chrisschoenbohm/sets/72157622977173046/show/&page_show_back_url=/photos/chrisschoenbohm/sets/72157622977173046/&set_id=72157622977173046&jump_to=" allowFullScreen="true" ]

Result:

________________
Update: For an array of other slideshows, check this great post by Sanjida (Netty Gritty).
Related posts: Inserting Picasa slideshows, Inserting Webshots slideshows.

http://wpbtips.wordpress.com/

Please don’t paste code in comments – see comment guidelines.
About these ads

Discussion

139 thoughts on “The gigya shortcode 2 – inserting Flickr slideshows

  1. That’s way too cool! Flash hacks for wordpress.com!!!
    Keep it up!

    Posted by Netty Gritty | July 17, 2010, 10:57
  2. Oh I will – number 3 and several others will be widgets.

    Posted by Panos | July 17, 2010, 17:52
  3. Hello again,
    I thought I would point this to you…
    This url:

    http://en.forums.wordpress.com/topic/how-to-put-a-chatbox-on-my-blog?replies=5

    contains a Flash code for a chatbox. I have tried to modify the code the gigya way and I succeeded. However I don’t know how to code it PERFECTLY yet. Since you are doing Flash widgets for wordpress.com, I thought maybe you could post the solution for users.

    Posted by Netty Gritty | July 19, 2010, 11:01
  4. Hi,

    [gigya src="http://talkallshit.chatango.com/group" width="640" height="480" wmode="transparent" allowScriptAccess="always" allowNetworking="all" flashvars="cid=1244541563312&a=EEEEEE&b=100&c=666666&d=0099FF&g=333333&i=57&k=FFFFFF&l=999999&p=12&r=100&s=1&aa=1" ]

    Unfortunately that forum thread is closed, so I can’t post the solution there.

    Posted by Panos | July 19, 2010, 11:23
  5. Two things – first off, Would this work for a Redbubble slideshow? Only I’ve tried to paste the code into a side panel and it strips out everything except the url to the main redbubble page, which I now realise is because it’s got a flash embed code in it.

    The other thing is, in the settings on my dashboard, there’s an option to automatically embed in posts and I have it set to do that, and when I paste a youtube URL in the visual editor in any of my Pages, it automatically embeds it. So… what is happening there?

    Thanks –

    Val

    Posted by absurdoldbird | July 19, 2010, 15:42
  6. I am sorry that I forgot to explain what I meant. I was thinking maybe you could figure out how to use that chatting service. Users keep on asking for chatboxes in wordpress.com. So far, we have only Meebo that can be integrated within the blog. So, I thought maybe you could do a tutorial so that those who want it can have it.

    Maybe it’s an upcoming post! :D

    I see the code you posted in the comment and I still don’t know how to figure it out the gigya way. :(

    Posted by sanjidas | July 19, 2010, 23:21
  7. @Val: Yes, flash embed code is stripped out unless from “trusted partners” such as Youtube, in which case it is automatically converted into the proper shortcode. Please paste the code here so I can see if I can convert it into a working shortcode. To make it show up in the comment, paste it this way:
    [sourcecode language=”html”]
    your code here
    [/sourcecode]

    Posted by Panos | July 20, 2010, 05:14
  8. @sanjidas: Yes, next post will explain how to do it.

    Posted by Panos | July 20, 2010, 05:15
  9. @Val – forgot to ask: where in your dashboard is that embedding option?

    Posted by Panos | July 20, 2010, 05:31
  10. Once again Panos, you rock. I have learned alot through you via your blog as well as the WP forums. Thanks!

    Posted by ImAprilE | July 20, 2010, 06:37
  11. how can embed something like flickr but not flickr…just pictures without thumbnails at bottom? Help is much appreciated:)

    Posted by CrenaBeana | July 20, 2010, 06:52
  12. @ImAprilE: Thanks!

    @CrenaBeana:

    http://en.support.wordpress.com/images/

    Posted by Panos | July 20, 2010, 06:59
  13. Panos – I hope this works!

    <embed src="http://www.redbubble.com/swf/slideshow.swf&quot; type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer&quot; width="150" height="150" flashvars="file=http://www.redbubble.com/people/valeriee/works/visual.atom?campaign=slideshow&height=150&width=150&transition=fade&linktarget=_current" />

    Posted by absurdoldbird | July 20, 2010, 16:07
  14. Code given is for the slideshow but, what I’d also love to do, but don’t know if it’s within wordpress.com’s rules (though I got a thumbs up on the forum from ‘powers that be’ for linking to my Redbubble gallery) is post – probably on a page in my blog – the Redbubble sales widget, which would take people directly to where they could buy a print of mine. Do you want the code for that too, or is there no point?

    Posted by absurdoldbird | July 20, 2010, 16:10
  15. Panos – sorry, forgot to add – the embed option is in the media settings area.

    Oh, and I had a look at the codex area in wordpress.org (yeah, I know it’s not for wordpress.com users, but it still has some relevant info to us, I’d think?) and they don’t mention Redbubble as being on their whitelist. I wonder if there’s some way it could be added – and maybe some of the other online galleries – as that could help a lot of artists on WP who use the site. Should I post a request to the WP forum, do you think?

    Thanks,
    Val

    Posted by absurdoldbird | July 20, 2010, 16:15
  16. • The option “Attempt to automatically embed all plain text URLs” works for some objects only, Youtube being one of them.

    • You can post a request in the Ideas section of the forum, but your request will be noticed and answered faster if you contact WP directly:

    http://en.support.wordpress.com/contact/

    • That’s where you should ask about the sales widget too: I’m not WP staff, so I won’t risk interpreting their TOS.

    • As for your slideshow, this is what you must paste into a text widget:

    [gigya src=”http://www.redbubble.com/swf/slideshow.swf” pluginspage=”http://www.macromedia.com/go/getflashplayer” width=”150″ height=”150″ flashvars=”file=http://www.redbubble.com/people/valeriee/works/visual.atom?campaign=slideshow&height=150&width=150&transition=fade&linktarget=_current” ]

    Posted by Panos | July 20, 2010, 16:58
  17. Very many thanks, I’ll try that!
    :)

    Posted by absurdoldbird | July 20, 2010, 20:44
  18. :(
    It’s still not working. I think I’m going to contact Redbubble and try and find a page URL as it’s stripping away my specific page reference, ie – all it shows is the www. redbubble.com/swf/slideshow.swf and then says this is not a valid URL (or somesuch).

    Thanks anyway!

    Posted by absurdoldbird | July 20, 2010, 20:51
  19. [gigya src="http://www.redbubble.com/swf/slideshow.swf&quot; pluginspage="http://www.macromedia.com/go/getflashplayer&quot; width="150" height="150" flashvars="file=http://www.redbubble.com/people/valeriee/works/visual.atom?campaign=slideshow&amp;height=150&amp;width=150&amp;transition=fade&amp;linktarget=_current" ]

    Posted by Panos | July 20, 2010, 21:06
  20. Try the above please: there was some mistake with the quotes. When you paste it into the text widget, make sure all the quotes are straight, not curly.

    Posted by Panos | July 20, 2010, 21:08
  21. I tried it and the slide show itself works, but when one clicks on a painting in it, instead of opening it on the actual redbubble page (which is what’s supposed to happen), instead, it opens a view of a Redbubble page in the widget itself!
    Thanks for trying but it’s probably not worth more of your time to keep experimenting on this one thing. I do appreciate it though.
    :)

    Posted by absurdoldbird | July 20, 2010, 23:28
  22. You’re welcome. There’s nothing more I can do with that code anyway: I was able to create a working shortcode out of it but I cannot invent extra options out of thin air. Can you point to where you got the original embed code from?

    Posted by Panos | July 21, 2010, 05:23
  23. I got the embed code from the Redbubble equivalent of my dashboard, while logged in, but I don’t think the embed code would shop up for anyone other than me.

    D’you know – I dreamt about this thread last night! How nutty is that!
    ;)

    Posted by absurdoldbird | July 22, 2010, 16:22
  24. I see; then I’m afraid there’s nothing I can do.

    NUTTY!

    Posted by Panos | July 22, 2010, 17:46
  25. Thanks very much for this post. Interesting

    Posted by Tony | July 31, 2010, 09:50
  26. @Tony: You’re welcome. Other slideshows can be inserted too, if they provide a flash/embed code, the way I’m showing here:

    http://wpbtips.wordpress.com/2010/07/22/gigya-shortcode-3-widgets/

    Posted by Panos | July 31, 2010, 18:55
  27. Cool tip, I would like to try this on my photoblog. Thanks

    Posted by Rookie Photographer | August 2, 2010, 19:48
  28. @RP: You’re welcome.

    Posted by Panos | August 2, 2010, 23:16
  29. Hello, Thank you so much for the great post. Exactly what I wanted to do – enter a slideshow on my blog. However, is there a way to remove the back-link to Flickr, and any way to remove the words Flickr ?

    Posted by f1dblog | October 2, 2010, 06:38
  30. Also, is there any way to make the slideshow loop so it plays over and over again ? Thanks so much..

    Posted by f1dblog | October 2, 2010, 06:41
  31. You’re welcome. But I’m not aware of a way to achieve what you’re looking for. You could check this post and see if any of those alternative slideshows would do for you:

    http://shongjog.wordpress.com/2010/08/23/how-to-insert-a-flickr-slideshow-in-a-wordpress-com-blog/

    Posted by Panos | October 2, 2010, 12:10
  32. Can I make the Flickr slideshow play automatically?

    Cheers

    Posted by 饕餮世家 | October 2, 2010, 13:00
  33. As far as I can tell, no. Check the link I gave in my previous reply for possible alternatives.

    Posted by Panos | October 2, 2010, 13:17
  34. Hi Panos!I’ve found your link in a forum. I followed all your instructions and finally I put a flickr slideshow in a “text box” in a side coloumn of my blog. Just a question. The photos are in a box and I see a black stripe up and under the sliding photos. Can I change the hight of the box so that the pictures fill the box completely? thank you,domenico

    Posted by communiko | October 3, 2010, 23:42
  35. Hi,
    Sure you can (provided all the photos have the same aspect ratio). Just as the code says width=”200″, add a similar command for height. Should be around 140.

    Posted by Panos | October 4, 2010, 02:07
  36. Thank you very much! It is pefect!!!

    Posted by communiko | October 5, 2010, 10:26
  37. You’re welcome!

    There’s still a thin top and bottom border, though. You’ve put width=”188″ and height=”148″. Now that I can see the result I can be more precise: to make it really perfect, change height to 142.

    Posted by Panos | October 5, 2010, 12:44
  38. Yes,I should work on it. Now it is better (height 142). Very kind of you! Domenico

    Posted by communiko | October 5, 2010, 12:53
  39. Bonjour Panos,
    on the blog that I am sharing with Lilmaouz, we demonstrated several slideshow using gigya code to help the new exWLS members. Everything worked fine until recently…The Goodwidget slideshow (using Flickr hosted images) and using gigya code still works but the simple “direct” flickr slideshows that you mention above and which worked very well do not work any more neither in the post nor in the sidebar. Do you have any idea of what could have happened ?
    Merci for you help…

    Posted by tassiopee | October 17, 2010, 21:30
  40. Sorry… everything is fine… I changed my browser and it works… I will have to investigate… Merci encore.

    Posted by tassiopee | October 17, 2010, 21:53
  41. Ok then!

    Posted by Panos | October 18, 2010, 10:32
  42. Wow, I finally have my photo page as I wanted it to be. Tnx a lot!

    Posted by birgittaroos | October 25, 2010, 22:59
  43. Using the example, I tried to use the code to insert my flickr slideshow but I get a black box. Can you tell me what I did wrong?

    [Slideshow removed – P.]

    Posted by Tricia | November 21, 2010, 17:31
  44. Both my YouTube videos have disappeared and been replaced by ‘No hotlinks please!’ The end of gigya shortcode or a glitch?

    Posted by Geoffrey Williams | November 28, 2010, 00:30
  45. No such issue over here, Geoffrey. But I can’t make a diagnosis if I can’t see the patient! Try inserting one again and leave it on so I can check it.

    Posted by Panos | November 28, 2010, 09:36
  46. Well, it seems to have corrected itself. Thanks again.

    Posted by Geoffrey Williams | November 29, 2010, 13:49
  47. All’s well then!

    Posted by Panos | November 30, 2010, 18:42
  48. the blog i´ll implement this flickr widget into is still in the making but i think i shouldn´t delay in thanking you for a such a resourceful blog.

    Posted by elias o. rosas | December 22, 2010, 04:48
  49. @eor: You’re welcome and thanks!

    Posted by Panos | December 22, 2010, 10:17
  50. It worked wonderfully, Thanks a bunch!

    Posted by Radhika | February 4, 2011, 03:30
  51. @Radhika: You’re welcome.

    Posted by Panos | February 4, 2011, 22:45
  52. hey,

    is there any way to customize the black background of the slideshow?

    Posted by peixesloucos | February 12, 2011, 15:25
  53. Not that I know of. You can try other slideshows instead.

    Posted by Panos | February 13, 2011, 01:53
  54. This is very interesting. I am attempting to do embed a slideshow but using Zenfolio instead of WordPress. Do you think you can show me a method specifically for Zenolio?

    Posted by Ian | March 15, 2011, 05:03
  55. Method is the general method explained here:

    http://wpbtips.wordpress.com/2010/07/22/gigya-shortcode-3-widgets/

    For example, if you copy the code for the demo slideshow on http://www.zenfolio.com/zf/tools/slideshow.aspx (default options), the equivalent shortcode will be this:

    [gigya src="http://cdn.zenfolio.net/zf/code/slideshow/embedded.swf" quality="high" width="320" height="200" allowFullScreen="true" flashvars="id=405368721&background=0xf5f5f5&delay=5&transition=2&loop=1&random=0&allowfs=1&allowthumbs=1&showlink=1&allowtitles=0&showtitles=1&autostart=1&allowtopbar=1&allowcontrols=1&transparent=0&loop_music=1&frame=0xcccccc&preloader=http%3A%2F%2Fcdn.zenfolio.net%2Fzf%2Fcode%2Fslideshow%2F002.swf&preloader_params=color%3D0xffffff" ]

    Posted by Panos | March 15, 2011, 09:34
  56. Thanks! Works perfect!

    Posted by Ian | March 16, 2011, 02:35
  57. Thanks for that!
    I don’t understand why they don’t make it easier to embed a flickr slideshow, but this will do!

    Posted by Em | April 1, 2011, 22:33
  58. @Ian & Em: You’re welcome!

    Posted by Panos | April 3, 2011, 05:46
  59. Hi Panos,
    Thanks again for helping me with the code for a flickr slideshow in November. I tried to another one again using the example, but can’t get it right. It appears as a black box! So I posted the link to the flickr slide show instead. It looks a little strange..

    http://amusingthezillion.com/2011/04/12/flickr-slide-show-dnalsi-yenoc-coney-island/

    Here is the code that I wrote. Can you tell me what is missing
    “[gigya src="http://www.flickr.com/apps/slideshow/show.swf?v=71649" width="500" flashvars="offsite=true&lang=en-us&page_show_url=/groups/dnalsi-yenoc/pool/with/4727052121/show/&page_show_back_url=/groups/dnalsi-yenoc/pool/with/4727052121/&set_id=4727052121&jump_to=" allowFullScreen="true" ]“

    Posted by Tricia | April 12, 2011, 15:10
  60. The embed code given in that slideshow converts to this shortcode:

    [gigya src="http://www.flickr.com/apps/slideshow/show.swf?v=71649" allowFullScreen="true" flashvars="offsite=true&lang=en-us&page_show_url=%2Fgroups%2Fdnalsi-yenoc%2Fpool%2Fshow%2F&page_show_back_url=%2Fgroups%2Fdnalsi-yenoc%2Fpool%2F&group_id=1447825@N22&jump_to=&start_index=" width="500" ]

    Posted by Panos | April 12, 2011, 16:59
  61. Thank you once again, Panos! If you ever find yourself in Coney Island or NYC for that matter, give me a shout so I can take you to lunch or for a drink

    Posted by Tricia | April 12, 2011, 18:19
  62. You’re welcome (and thanks for the offer)!

    Posted by Panos | April 13, 2011, 10:03
  63. Hi, can you pls help me. Trying to post flickr slideshow to wordpress blog and keep coming up with either black box or worse, nothing!! Have been using this code based on the advice above…any advice appreciated on how to make it work.
    Thanks.

    [gigya src="http://www.flickr.com/apps/slideshow/show.swf?v=71649" width="500" flashvars="offsite=true&lang=en-us&page_show_url=/photos/louisabrewin/sets/72157626518743344/show/&page_show_back_url=/photos/louisabrewin/sets/72157626518743344
    /&set_id=72157626518743344&jump_to=" allowFullScreen="true" ]

    Posted by loubrewin | April 17, 2011, 23:59
  64. The problem is that there seems to be no “louisabrewin” on Flickr. Can you link to the page that displays the photoset you wish to embed?

    Posted by Panos | April 18, 2011, 04:42
  65. Oh maybe it’s because of the security settings…?

    This is the slideshow i want to embed

    Will it work? Thanks for your help with this!

    Posted by loubrewin | April 18, 2011, 13:41
  66. http://www.flickr.com/photos/louisabrewin/sets/72157626518743344/show/ returns a “Oh no! We couldn’t find anything.”, and http://www.flickr.com/photos/louisabrewin/ returns “Louisa Brewin doesn’t have anything available to you.” So I guess it’s because of your security settings: private photos are private!

    Posted by Panos | April 18, 2011, 14:59
  67. Brilliant thanks have changed the setting and got it working. Thanks v much.

    Posted by loubrewin | April 18, 2011, 16:17
  68. Thxs – don’t know why wordpress doesn’t offer this as a standard [] function.

    Is there anyway to get the photo and video captions to appear in the slideshow in the code options?

    Posted by timple | May 10, 2011, 16:14
  69. @timple: As far as I know, Flickr doesn’t give such options. You can check the post I’m liking to (end of post, Update) for other slideshows that might be better.

    Posted by Panos | May 10, 2011, 18:20
  70. If you’ve enabled auto-embed in your media Settings, you can drop the link to the flickr slideshow into your post/page (making sure it is not highlighted as a link) and it will appear.

    Posted by Jennifer | May 11, 2011, 01:31
  71. @Thanks Jen! I’ll add it to the post. (Some users had complained that this didn’t work, that’s why I worked out the hack.)

    Posted by Panos | May 11, 2011, 15:36
  72. I think making sure the URL is not highlighted as a link causes the confusion. So far I’ve found the auto-embed to be very stable.

    Posted by Jennifer | May 11, 2011, 23:10
  73. Thanks again! Normally that should be it, but I guess there were more problems than that or I wouldn’t have worked out the alternative solution. But I may be wrong, of course. Unfortunately I didn’t save the link to the thread where I originally suggested this workaround. (Or didn’t I do it in the forum at all? I don’t remember.)

    Posted by Panos | May 12, 2011, 12:35
  74. Thank you very much for this!

    Posted by fishertown | May 18, 2011, 02:21
  75. You’re welcome. But check Jennifer’s comments above.

    Posted by Panos | May 18, 2011, 15:49
  76. Jennifer’s tip works, but the slideshow comes in a funny size!

    http://emeire.wordpress.com/2011/05/25/the-wall-roger-waters/

    Posted by Em | May 30, 2011, 03:12
  77. It has to display both vertical and horizontal images, so needs room for both. Of course you do also have the option of going full screen.

    Posted by Jennifer | May 30, 2011, 08:37
  78. Thanks Jen.

    @Em: If you wish to change the size of an auto-embedded slideshow, you can go to Settings>Media and type the dimensions you prefer in the “Maximum size for auto-embeds” fields.

    Posted by Panos | May 30, 2011, 10:53
  79. These tips have been brilliant, thanks so much! I’m wondering if there’s a workaround for embedding a slideshow made up of Flickr images tagged private? I don’t want them to all be accessible on my Flickrstream but I do want them to show up on my blog. Any ideas?

    Posted by Kell | May 30, 2011, 11:25
  80. Sorry just to clarify that – I can get it to work for 1 set but if I make multiple embedded slideshows using private sets it will only show one of them. All the others show as “Oh no we can’t find anything” because they’re relying on the guest passes for access. I know I’m probably just making things harder for myself but maybe someone else has already tried it.

    Posted by Kell | May 30, 2011, 11:30
  81. As far as I know, a public slideshow made of private images is a contradiction in terms and shouldn’t work. Would you consider uploading those images to another slideshow site?

    Posted by Panos | May 30, 2011, 11:58
  82. Not entirely, it does work due the guest pass. It just won’t let me have multiple password protected slideshows on the same page (because there is a different guess pass for each set).

    Yeah I suppose I can use a different slideshow service. I was trying to avoid having to do that.

    Posted by Kell | May 30, 2011, 12:11
  83. If you have easy access to the URLs of the photos (these URLs: http://farm6.static.flickr.com/5227/5751050728_1825cbbfe0_z.jpg ), you can use them with a different slideshow service without having to upload the files again.

    Posted by Panos | May 30, 2011, 12:24
  84. That works! Ta.

    Posted by Kell | May 30, 2011, 12:30
  85. Good!

    By the way: since I’m seeing the Flickr widget on your sidebar, I guess you might also be interested in this:

    http://wpbtips.wordpress.com/2011/03/06/etsy-widget/

    Posted by Panos | May 30, 2011, 13:24
  86. Panos, thanks again for your previous help with the code for the flickr slideshow. I was able to do it myself in a recent post. With Firefox and IE, which I use, it works fine. But a few readers who use Safari told me they see a blank space. It’s not an issue for me because I put a note after the slide show, but I wondered why. Do you think it’s their browser setting or is it a Safari issue?

    http://amusingthezillion.com/2011/05/16/thors-coney-island-aqueduct-vendors-make-dismal-debut/

    “[gigya src="http://www.flickr.com/apps/slideshow/show.swf?v=71649" width="500" flashvars="offsite=true&lang=en-
    us&page_show_url=/photos/27469924@N06/sets/72157626605335163/show/&page_show_back_url=/photos/27469924@N06/sets/72157626605335163/&set_id=72157626605335163&jump_to=" allowFullScreen="true" ]“

    Posted by Tricia | May 30, 2011, 23:28
  87. That’s because you’ve got one tiny mistake in the code: you need to remove the space that creates a line break between “lang=en-” and “us”.

    Or you can try Jennifer’s suggestion (now incorporated in the post) and just paste the slidehow URL after you’ve made sure you have enabled auto-embeds in Settings>Media and set the embed width and height to those you prefer.

    Posted by Panos | May 31, 2011, 00:59
  88. Ah, tiny mistake again! Thank you for the correction. I will read up on Jennifer’s suggestion and try it next time. Thank you, Panos

    Posted by Tricia | May 31, 2011, 19:07
  89. Thanks for including it in your post, Panos. May I make one small but important correction? In order for the slideshow to show up, the last part of the flickr URL must have /show/

    Posted by Jennifer | June 1, 2011, 00:01
  90. @Tricia: You’re welcome!

    @Jennifer: You thanking me for adding the info? Should be the other way round!

    Posted by Panos | June 1, 2011, 02:19
  91. Thanks Panos! I’ll try that out!

    Posted by Em | June 10, 2011, 20:18
  92. Thanks for describing this way of adding a slideshow – I was unable to figure out how to do it, so am very gratefull for this guide : )

    Posted by barbmm1 | September 6, 2011, 16:06
  93. You’re welcome! The slideshows collected by Sanjida in the post I’m linking to are also very interesting.

    Posted by Panos | September 7, 2011, 10:54
  94. Do I need to have a premium blog to be able to do this because I’ve followed your instructions and have my shortlink, and all that shows up is a plain black box. Help please!

    Posted by Professional Event Navigation | September 16, 2011, 19:42
  95. We volunteers don’t have access to premium themes, and my blog has nothing to do with them. But I can’t help without a link to the blog in question, with the problem there for me to check.

    Posted by Panos | September 16, 2011, 19:53
  96. I apologize! I tried it multiple times including changing the width down to 400 since I’m using Sapphire. Here are two different ones where I thought I came the closest or actually got it right:

    [gigya src="http://www.flickr.com/apps/slideshow/show.swf?v=71649" width="400" flashvars="offsite=true&lang=en-us&page_show_url=/photos/eventnavigation/sets/72157627559691849/show/&page_show_back_url=/photos/eventnavigation/sets/72157627559691849/&set_id=72157627559691849&jump_to="allowFullScreen="true"]
    [gigya src="http://www.flickr.com/apps/slideshow/show.swf?v=71649" width="400" flashvars="offsite=true&lang=en-us&page_show_url=/photos/67596613@N04/sets/72157627559691849/show/&page_show_back_url=/photos/67596613@N04/sets/72157627559691849/&set_id=72157627559691849&jump_to="allowFullScreen="true"]

    Posted by Professional Event Navigation | September 16, 2011, 20:07
  97. The second one is almost right: you just need to add a space before allowFullScreen (the quote that precedes it is the closing quote for the previous variables, and it must be separated from the next attribute, just as there’s a space between flashvars and the closing quote for the width.

    Posted by Panos | September 16, 2011, 22:05
  98. Wow! I can’t believe how close I was! Up and running! Thank you!!!

    Posted by Professional Event Navigation | September 16, 2011, 22:35
  99. You’re welcome! Yes, you were 99.9% there, but you see, in coding even the tiniest detail matters…

    Posted by Panos | September 17, 2011, 06:07
  100. I just wanted to say THANK YOU, for providing this very clear, concise, effective, user friendly means for the blog newbie to embed a flickr slideshow in a wordpress.com blog. AWESOME.

    Posted by brianchacha73 | October 1, 2011, 17:00
  101. You’re welcome! I’m glad you find it clear and user friendly: some find it too complicated.

    Posted by Panos | October 2, 2011, 05:56
  102. Awesome :D Thank you very much !

    Posted by DES Daughter | October 3, 2011, 22:29
  103. You’re welcome. You mean the auto-embed way or the shortcode workaround?

    Posted by Panos | October 4, 2011, 00:28
  104. Thank you so much for explaining this. I was so very confused and lost when I was trying to create a slideshow.

    Posted by brownsugarbreakfast | October 24, 2011, 22:10
  105. You’re welcome. Did the auto-embed work or did you have to use my manual workaround?

    Posted by Panos | October 25, 2011, 03:27
  106. I used the manual workaround. The auto-embed just wasn’t working.

    Posted by brownsugarbreakfast | October 25, 2011, 03:52
  107. Thanks. I’m curious about that because the auto-embed should work but it seems sometimes (or often?) it doesn’t – which is why I had written this post, of course.

    Posted by Panos | October 25, 2011, 04:13
  108. thanks, it works great and so easy !!!

    Posted by mariealixravel | November 10, 2011, 00:49
  109. You’re welcome. (Glad you find it easy – some users don’t!)

    Posted by Panos | November 10, 2011, 03:49
  110. Hi Panos. I’m just getting a black box to appear when inserting the code into my wordpress blog. Could you please help? Here is the code I am using…

    [Shortcode removed – P.]

    Posted by grandhyattsanantonio | November 14, 2011, 22:17
  111. Hi,

    a) Don’t paste code directly in a comment – see point 4 here:

    http://wpbtips.wordpress.com/comment-guidelines/

    b) Flickr says that “hyattsofsanantonio” doesn’t exist. Link to your Flickr page please.

    Posted by Panos | November 15, 2011, 05:42
  112. hi Panos,
    thanks very much for putting this up. My slideshow works perfectly https://scytherspace.wordpress.com/ but I was wondering if there’s a way to make the slideshow start automatically and then keep repeating while a visitor is on my site.
    Steve

    Posted by stevetomlin | November 21, 2011, 12:18
  113. Hi,
    As far as I know the Flickr slideshow has no options/settings you can change. You can check the post I link to at the end of my post to see if some other slideshows have the options you want.

    Posted by Panos | November 21, 2011, 13:36
  114. Genius – i’ve wasted several hours on this and you’ve made the search worthwhile – thanks so much :)

    Posted by hellojon | December 2, 2011, 01:25
  115. You’re welcome.

    By the way, you’ve got too many embedded objects on your front page: takes too long to load, plus too much scrolling down isn’t user friendly. You should limit the number of posts per page to only a few (Settings>Reading) and/or use the read-more tag to truncate the posts:

    http://en.support.wordpress.com/splitting-content/more-tag/

    Posted by Panos | December 2, 2011, 06:37
  116. Great post, thank you for sharing the gigya shortcode with us! Please would you know if it is possible to include a boarder around the flickr slideshows?

    Just thought I would mention- you can also add slideshows of flickr “tags.” For example, here the flickr search results http://www.flickr.com/search/?q=maerl&f=hp and then the slideshow button in the top right corner > share

    Posted by seabedhabitats | December 15, 2011, 02:38
  117. You’re welcome.

    Border? Not automatically, but you can design one by enclosing the shortcode in a div with the right width, background color, and padding (four values).

    Posted by Panos | December 15, 2011, 03:56
  118. Very useful! I almost did this for a recent post, but opted for just a static image of the photos:

    http://rsmithing.com/2012/01/25/moth-drama-transforming/

    Good to know this exists, and I’ll probably do this in the future. Thanks for posting this!

    Posted by rsmithing | January 26, 2012, 00:29
  119. You’re welcome.

    I don’t think the Flickr slideshow would be suitable in this case, so I think you opted right!
    A possible alternative might be the new gallery carousel slideshow; are you familiar with it?

    By the way, I usually remove pings, but I kept yours because I liked the photo very much.

    Posted by Panos | January 26, 2012, 00:44
  120. I will definitely check out the gallery carousel – thanks for mentioning this, too! That’s the great thing about blogs and the interaction: I never would have considered either of these options were it not for your including them. Very glad you dig my photograph; thank you for the kind words! :)

    Posted by rsmithing | January 26, 2012, 16:27
  121. For live examples you can check this post (by fellow forum volunteer Jennifer):

    http://gammagirl.wordpress.com/2008/07/27/not-the-official-wordpresscom-gallery-faq/

    Posted by Panos | January 27, 2012, 04:37
  122. Thanks for the explanation! Very easy and it works fine!

    Posted by kimnooij | January 29, 2012, 17:45
  123. Hi Panos,

    I’m very new to blogging and not the brightest with this stuff.
    I’m having the same trouble as above. Im only getting a black screen.
    I have been copying the embed code and changing my details and I’m not sure what I should be doing.

    Could you please help me?

    Thanks, Tom

    Posted by tlynch7 | January 30, 2012, 09:44
  124. Hi,
    Did you try the auto-embedding method first? (see beginning of post).
    If you did and it failed, you can try my workaround again, but I can’t tell what’s wrong unless you a) publish the result, b) give me the URL of the slideshow in question.

    Posted by Panos | January 30, 2012, 11:57
  125. Thanks for the reply!

    Yeah I tried the auto-embedding method with no success.

    Here is the link to my Flikr: http://www.flickr.com/photos/68083552@N06/sets/72157627655778557/

    Here is my post I’m trying to get to work:
    [Dashboard link removed – P.]
    Cheers

    Posted by tlynch7 | January 30, 2012, 14:00
  126. I finally got it working thanks Panos!

    Posted by tlynch7 | January 30, 2012, 14:01
  127. You’re welcome (although I didn’t help after all)!

    Note that others don’t have access to your dashboard: a link to a post must be the URL of the published post.

    Posted by Panos | January 31, 2012, 11:41
  128. thank!!!

    Posted by Cristian | February 10, 2012, 13:56
  129. Thank you. Excellent instructions. Worked like a charm.

    Posted by kathiebriggs | March 2, 2012, 01:32
  130. I just found a link to your instructions in the WordPress forum and wanted to say, thank you! The code worked perfectly. I really appreciate all your recent help with WordPress.

    Posted by Kimberly Lindbergs | March 12, 2012, 05:08
  131. Thank you for the instructions and tips, this question was giving me an headache already!

    Posted by Mi & Mar | March 20, 2012, 11:44

Trackbacks/Pingbacks

  1. Pingback: Moth Drama: Transforming The Ordinary into Art « rsmithing - January 25, 2012

  2. Pingback: First Film Roll Ever! « LEFT geurigo RIGHT - January 30, 2013

  3. Pingback: So that was yesterday…. | No More Dead Pixels .......... - March 17, 2013

  4. Pingback: Photog Show and Tell: A Look at Past Photos « Janyaa's Scrapbook - March 20, 2013

  5. Pingback: Flickr | Random Acts of Photography - June 6, 2013

  6. Pingback: Flickr Slideshows | Photographer Obscura - June 5, 2014

Author

author's avatar panos (justpi)

 Subject Index

Announcement 22/03/2012: After WP's latest move, this blog will no longer offer active support and assistance. The blog will remain online but commenting on older posts has been disabled.
✶ All theme-related posts are updated up to and including theme 189 in this list, but will not continue to be updated.

Stats

  • 2,599,710 views
  • Views per month:
Safari Icon Firefox - Never Internet Explorer
Note: if you see ads on this site, they are placed by WordPress, not me.
wpbtips.wordpress.com
Mostly on themes, formatting, coding, tweaks and workarounds.
Based on or springing from my contributing in the wp.com forum.
Theme-related posts constantly updated
Premium themes and Annotum not included
%d bloggers like this: