Contact Us
  • How to Embed a Flickr Slideshow in your Static FBML Tab

    Please refer to my tutorial on adding Static FBML to your Facebook Fan Page for details on adding Static FBML to your Facebook Fan Page. This tutorial shows you how to add a Flickr slideshow, created from one of your “Sets” in your Flickr account, to a Static FBML Application Tab.

    PLEASE NOTE: Having answered the same questions about embedding YouTube videos and Flash in Static FBML custom tabs and using FBML many many times, I’m closing comments on this article and have posted a troubleshooting post for embedding YouTube videos and Flash which addresses all the issues that cause users problems when implementing the fb:swf FBML tag on their custom tabs. Please refer to this article for help, as I’ve closed comments on this post.

    The troubleshooting article, combined with this tutorial and the many user comments, should address your issues and get you sorted out. Cheers!

    PLEASE NOTE: If you can’t get it working, make sure:

    • The URLs to both the activation image (imgsrc) and the slideshow are correct. You can test them by pasting the URL into your browsers address bar and accessing the image or video channel directly. If you can’t access them via this method, your URL is incorrect.
    • You have closed the <fb:swf> tag, with </fb:swf>. If the tag isn’t closed, it won’t work.
    • All quotes are closed. It doesn’t matter if they’re single (‘) or double (“), but they must match and they must be closed (width=’xxx’ or width=”xxx” – NOT width=’xxx or width=”xxx or width=”xxx’ ).

    Embedding your Flickr Slideshow in Static FBML

    Embedding a Flickr Slideshow / Set in your Facebook Static FBML Application Tab is fairly straightforward. Here’s how it’s done:

    Create a Flickr Set

    If the Set that you want to be the slideshow is already created, skip to Step 4. If you need to first create the Set that will be the Flickr slideshow…

    After logging in to your Flickr account….

    1) Click on “Organize & Create”:

    2) Drag the photos you want in the “set” to the canvas area. When you have added all the pictures you want to have in this Set, click “Add to Set” and select “New Set”.

    3) Give the new set a name:

    and then click the blue “Save” button:

    You will be returned to a screen that shows all your sets.

    4) Click on the name of the Set you just created, or the one you want to be the slideshow.

    On the left side, at the bottom click on “Open set page”:

    On the next screen, click on “Slideshow” in top right area:

    Click the “Share” button:

    You will see a screen in the upper left:

    Under “Grab the Embed HTML” click “Copy to clipboard.”

    Creating the FBML Code for your Flickr Slideshow

    The code copied to your clipboard will look similar to this:


    <object width="400" height="300"> <param name="flashvars" value="offsite=true&lang=en-us&page_show_url=%2Fphotos%2F42973480%40N05%2Fsets%2F72157623420342861%2Fshow%2F&page_show_back_url=%2Fphotos%2F42973480%40N05%2Fsets%2F72157623420342861%2F&set_id=72157623420342861&jump_to="></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=71649" allowFullScreen="true" flashvars="offsite=true&lang=en-us&page_show_url=%2Fphotos%2F42973480%40N05%2Fsets%2F72157623420342861%2Fshow%2F&page_show_back_url=%2Fphotos%2F42973480%40N05%2Fsets%2F72157623420342861%2F&set_id=72157623420342861&jump_to=" width="400" height="300"></embed></object>

    From that code you want to extract values to place in the FBML to embed the slideshow in your Static FBML page. The above code, when rendered in your FBML, will look like this:


    <fb:swf
    swfbgcolor="000000"
    imgstyle="border-width:3px; border-color:white;"
    swfsrc='http://www.flickr.com/apps/slideshow/show.swf?v=71649'
    imgsrc='http://URL-TO-ACTIVATION-IMAGE' width='400' height='300'
    flashvars='offsite=true&lang=en-us&page_show_url=%2Fphotos%2F42973480%40N05%2Fsets%2F72157623420342861%2Fshow%2F&page_show_back_url=%2Fphotos%2F42973480%40N05%2Fsets%2F72157623420342861%2F&set_id=72157623420342861&jump_to=' width='400' height='300'
    />

    As you can see, you’re just copying into the FBML tag fb:swf the values for the URL to the .swf object, the dimensions, and the “flashvars”.

    “URL-TO-ACTIVATION-IMAGE” is the image that must be uploaded to a Web-accessible server that is clicked to enable the slideshow.

    Take this code and paste it into your Static FBML box.

    Comments

    1. Hey

      I tried this today and cant get it to work on firefox at all. The slideshow works in IE and Safari but not firefox. I also cant get the first image, which is based on my fliuckr page, to display in any browser. Any ideas?
      here is the link: any help appreciated.
      http://www.facebook.com/pages/Mark-Hadden-Photography/293595711387?v=app_4949752878&ref=ts

      mark

    2. I think you still haven’t noticed but there must be a correction.
      “Grab the Embed URL” must be replace with “Grab the Embed HTML”

      thanks for your posts here.they really helped me a lot! i owe you a beer! :)

    3. I tried to get this to work but haven’t been able to have any luck. The image shows up but when you click on it nothing happens..Here’s a link to my Facebook and to my code that I embedded. Any help would be appreciated.

      Faceboo- http://www.facebook.com/pages/Chicago-IL/Grind-Online-Paintball-Magazine/219038770629?v=app_4949752878&ref=ts

      • Drew: No code, so I can’t help. Make sure to surround code in the <code>…</code> tags.

        • Can you possible help me? What am I missing in my code? I’m helping the “Y” to implement a new FAN page.


          <fb:swf
          swfbgcolor="000000"
          imgstyle="border-width:3px; border-color:white;"
          swfsrc='http://www.flickr.com/apps/slideshow/show.swf?v=71649'
          imgsrc='http://www.flijavascript:document.tcommentform.submit();ckr.com/photos/lmmicha/sets/72157624655120956/show/'
          width='400' height='300'

          flashvars='offsite=true&lang=en-us&page_show_url=%2Fphotos%2Flmmicha%2Fsets%2F72157624655120956%2Fshow%2F&page_show_back_url=%2Fphotos%2Flmmicha%2Fsets%2F72157624655120956%2F&set_id=72157624655120956&jump_to=' width='400' height='300'
          />

        • Yes. Your URL to your Flickr slideshow goes to a blank page, so it’s incorrect. Your URL to your activation image (imgsrc) is incorrect. I’m not sure where you got that URL but it’s not valid and doesn’t go to an image. Always check your URLs directly in your browser to make sure they’re correct. Yours aren’t.

      • You guys made this work, but I’m going on 45 min. of trial and error! Can’t see a thing.

        Essentially, I need to replace my flicker link in the code >>>imgsrc=’http://URL-TO-ACTIVATION-IMAGE’

        • Not *quite* sure what you’re asking, Lu. Your Flickr link would be the “swfsrc” value and you should test the link directly in your browser to make sure it’s valid. “imgsrc” value should be a link to the activation image, the image that must be clicked to start the slideshow.

    4. Anyone know how to embed a slide.com slideshow using static FBML?

      • Most Web services that host videos and photos offer a means to embed your videos/photos in Web pages. You just need to get the embed code and then utilize the same FBML tag – <fb:swf> – to embed in your Static FBML page, using the instructions here.

    5. I’ve made my FBML fan page for Kursk State Medical University!
      also include a slide from photobucket! it works 100%.
      http://www.facebook.com/pages/Kursk/Kursk-State-Medical-University/268845056776?v=app_4949752878

    6. I tried do make an Slideshow with a Group. But i get the error message that flickr isn’t find pictures. What is the Problem?

    7. Hyperarts – Thanks so much. You did it again. I started with embedding a YouTube video on my FB page Welcome Tab. Today, I added a Flickr Slideshow. Thank you. Thank you. – John

      http://www.facebook.com/johnnordell?v=app_4949752878

    8. Alexandra says:

      URL-TO-ACTIVATION-IMAGE” is the image that must be uploaded to a Web-accessible server that is clicked to enable the slideshow.

      I have tried everything to put in the imgsrc tag, but nothing seems to work. Not sure what I’m doing wrong?

    9. I’m trying to get the following slideshow from Flickr to work on our facebook page: <fb:swf
      swfbgcolor="000000"
      imgstyle="border-width:3px; border-color:white;"
      swfsrc='http://www.flickr.com/apps/slideshow/show.swf?v=71649'
      imgsrc='http://strategicguru.com/wp-content/uploads/2010/05/play.jpg' width='500' height='375'
      flashvars='offsite=true&lang=en-us&page_show_url=%2Fphotos%2Fstrategicguru%2Fshow%2Fpage_show_back_url=%2Fphotos%2Fstrategicguru%2F&user_id=34027962@N02&jump_to=' width='500' height='375'>
      </fb:swf>

      Here’s the link to the fan page: http://www.facebook.com/pages/Cary-NC/Strategic-Guru/79482840712?

      • I see the activation image, but the URL (swfsrc) you’re using is the URL in my example! Needless to say, it should be the URL to *your* Flickr gallery/slideshow. Everything else in your code seems specific to your slideshow, but that URL?

        • I checked the Flickr embed code again and this is the regular html from there:
          <object width="400" height="300"> <param name="flashvars" value="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Fstrategicguru%2Fshow%2F&page_show_back_url=%2Fphotos%2Fstrategicguru%2F&user_id=34027962@N02&jump_to="></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=71649" allowFullScreen="true" flashvars="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Fstrategicguru%2Fshow%2F&page_show_back_url=%2Fphotos%2Fstrategicguru%2F&user_id=34027962@N02&jump_to=" width="400" height="300"></embed></object>
          It looks like Flickr uses the same URL (swfsrc) but different flashvars?

    10. StrategicGuru: The reason is your “flashvars” value is not copied exactly. In this part:

      %2Fpage_show_back_url

      there’s a missing “%” after the “%2F”

      that’s your problem.

    11. sorry

      <fb:swf
      swfbgcolor="000000"
      imgstyle="border-width:3px; border-color:white;"
      swfsrc='http://www.flickr.com/apps/slideshow/show.swf?v=71649'
      imgsrc='http://www.flickr.com/photos/phunziker/sets/72157623972222189/show/with/4615517403/' width='400' height='300'
      flashvars='offsite=true&lang=en-us&page_show_url=%2Fphotos%2Fphunziker%2Fsets%2F72157623972222189%2Fshow%2F&page_show_back_url=%2Fphotos%2Fphunziker%2Fsets%2F72157623972222189%2F&set_id=72157623972222189&jump_to=' width='400' height='300'
      />

    12. Fantastic! Thank you so much!

    13. Alexandraa says:

      Sorry forgot to include…
      Here is the original:
      [ EMBED SOURCE CODE DELETED]

      New code:
      <fb:swf
      swfbgcolor="000000"
      imgstyle="border-width:3px; border-color:white;"
      swfsrc=http://www.flickr.com/apps/slideshow/show.swf?v=71649
      imgsrc=http://www.flickr.com/photos/50643297@N08/sets/72157624149168348/show/ width='400' height='300'
      flashvars="offsite=true〈=en-us&page_show_url=%2Fphotos%2F50643297%40N08%2Fsets%2F72157624149168348%2Fshow%2F&page_show_back_url=%2Fphotos%2F50643297%40N08%2Fsets%2F72157624149168348%2F&set_id=72157624149168348&jump_to=" width="400" height="300"/>

      • You don’t have quotes around the values for swfsrc or imgsrc. And the URL for the imgsrc isn’t pointing to an image, and it has to do that. All this was made clear in this post. You should read it carefully. Less wasted time for all of us :)

    14. Hi,

      I have put this code iin my FBML editor on my Facebook Page

      <fb:swf
      swfbgcolor="000000"
      imgstyle="border-width:3px; border-color:white;"
      swfsrc='http://www.flickr.com/apps/slideshow/show.swf?v=71649'
      imgsrc='http://farm5.static.flickr.com/4069/4667260196_784ff99c78_b.jpg' width='400' height='300'
      flashvars" value="offsite=true&lang=en-us&page_show_url=%2Fphotos%2F49278946%40N06%2Fsets%2F72157624100193328%2Fshow%2F&page_show_back_url=%2Fphotos%2F49278946%40N06%2Fsets%2F72157624100193328%2F&set_id=72157624100193328&jump_to=' width='400' height='300'
      />

      The image shows up but no slideshow!

      Can you tell me what I am doing wrong?

      • Well, your “swfsrc” doesn’t appear to point to a slideshow. I tested the link in a browser and it turns up a black page. So you did something wrong there. You should read the instructions here more carefully.

        And what’s this:
        flashvars” value=”

        That mistake will bring you no happiness, my friend. Read carefully, always. Everyone’s troubles here have to do with either a bad swfsrc URL, or some sloppiness in the code, or the presence of “fancy” quotes instead of straight-up-and-down plain text quotes.

    15. OK, thanks. I will try this. I am completey new to all of this stuff :)

    16. As far as the link to the slideshow goes..this is the html code I copied to my clip board exactly as you instructed:

      The link to the slideshow from this is:

      http://www.flickr.com/apps/slideshow/show.swf?v=71649

      But, as you said it is going to a blank page when put in the browser. I don’t understand why.

    17. ah! It’s working now! :) Thank you, Tim

    18. I uploaded a picture of an arrow to photobucket and used that. When I go in I get a big blank square with a small x in the left corner, but if I click on it, the slideshow works fine. Here is my code

      • You need to create the complete activation image, not just the arrow. The “small x” would indicate that the URL to your activation image is incorrect. Remember that URLs are case sensitive after the TLD (yourdomain.com).

    19. Hi,
      just found a problem on my FBML Tab regarding the CSS. On IE8 it seems like the animated table isn’t working when you’re logged out of Facebook. Instead of having each Tab in the table showing up by clicking on it, they’re just underneath each other. When you however refresh the page (still not logged in) it works fine.
      I tried it several times also on different computers and also included your style type=”text/css” code. Still doesn’t work.
      This is the tab I’m talking about: http://www.facebook.com/SIGMAFoto?v=app_7146470109
      Do you have any ideas why it isn”t working?
      Thanks so much for your help!!!
      Cheers, Anna

    20. I followed everything on your tutorial but when I put the code and I click on the image to activate, it goes blank. PLEASE HELP. What I am doing wrong

      THis is the code

    21. <fb:swf
      swfbgcolor="000000"
      imgstyle="border-width:3px; border-color:white;"
      swfsrc='http://www.flickr.com/photos/41350102@N05/sets/72157624516929789/show/with/4855738236/'
      imgsrc='http://dev.ewizer.com/flickractivation.jpg' width='400' height='300'
      flashvars='offsite=true&lang=en-us&page_show_url=%2Fphotos%2F41350102%40N05%2Fsets%2F72157624516929789%2Fshow%2Fwith%2F4855729420%2F&page_show_back_url=%2Fphotos%2F41350102%40N05%2Fsets%2F72157624516929789%2Fwith%2F4855729420%2F&set_id=72157624516929789&jump_to=4855729420' width='400' height='300'
      />

      • The URL specified in “swfsrc” appears to be incorrect. Try accessing it directly via your browser and you’ll see that it returns an error. That’s your problem.

    22. I just put the url in the my browser and is fine with me. It goes directly to my flicker stream. I dont get that error.

    23. My browser is Safari if that has anything to do with it

    24. Yea I just did it right now again and it took me to my flickr stream. Thats wierd.

      • It’s supposed to take you to a Flickr gallery, not your stream. Maybe you get something when others don’t because you’re logged in to Flickr so it returns a page not accessible to others. You should read the instructions in this post more closely. I think you missed something….

    25. Wait I just logged out and no it is coming out with no flickr stream.

    26. Thanks alot I realized that my flickr set was not set up for public and thats why it wasnt coming up. I am going to attempt now again.

    27. even after I changed the settings on the flickr account it stills says it cannot be found. What do you think it could be.

    28. OK thanks for all your help, but now I finally fixed the flickr issue but it still does not come out on my facefanpage.
      the code is below

      <fb:swf
      swfbgcolor="000000"
      imgstyle="border-width:3px; border-color:white;"
      swfsrc='http://www.flickr.com/photos/41350102@N05/sets/72157624516929789/show/'
      imgsrc='http://i849.photobucket.com/albums/ab52/john15h/flickractivation.jpg' width='400' height='300'
      flashvars='offsite=true&lang=en-us&page_show_url=%2Fphotos%2F41350102%40N05%2Fsets%2F72157624516929789%2Fshow%2Fwith%2F4855729420%2F&page_show_back_url=%2Fphotos%2F41350102%40N05%2Fsets%2F72157624516929789%2Fwith%2F4855729420%2F&set_id=72157624516929789&jump_to=4855729420' width='400' height='300'
      />

    29. Do my pictures I uploaded on the flickr gallery stream have to be 400 x 300 in height? Cause they are big files but flickr is able to open them.

    30. Thanks a lot TimWare. Your a superstarrrrr.
      I was wondering about embedding a voting platform in a static FBML page. Can be quite simple..10 photos down the left-hand side and a vote button beside it.
      Cheers

    31. Yeah I can’t get it to work either.. Code looks just like yours as far as I can tell.. Does a CSS stylesheet have to be in the code with it? Or just this code straight on a tab?


      <fb:swf
      swfbgcolor="000000"
      imgstyle="border-width:3px; border-color:white;"
      swfsrc='http://www.flickr.com/apps/slideshow/show.swf?v=71649’
      imgsrc='http://pimpmyfanpage.info/wp-content/uploads/2010/08/Video-Image-Holder1.jpg' width='400' height='300'
      flashvars=’offsite=true&lang=en-us&page_show_url=%2Fphotos%2F51809499%40N07%2Fsets%2F72157624311905673%2Fshow%2F&page_show_back_url=%2Fphotos%2F51809499%40N07%2Fsets%2F72157624311905673%2F&set_id=72157624311905673&jump_to=’ width=’400’ height=’300’
      />

      • Scott, You have some “fancy” quotes in that code and that will break it. Make sure your quotes, single & double, are straight up and down plaint-text quotes and not angled or curled. Assuming you’ve checked your URLs directly, then I think the quotes are the problem.

    32. yep.. that was it.. I just copied the code straight from your post, guess the font you were using added the “fancy” quotes!! All working now.. Thanks so much.. Been trying to find a way to put the Flickr slideshow into a tab on our church’s page fr a while.

    33. One other question. Is there a way to make the slideshow play once the initial image is clicked so they don’t have to then click again? You can do it with videos with the &autoplay=1 command. But not sure if you can with Flickr. Having it not play with the first click might keep people from clicking.

    34. CharlieJenko says:

      Thanks so much for this post – extremely useful.

      Just one problem I have found is that the “full screen” button on the slideshow will not work from my fb page. Is this always the case or something that I have done wrong?

      <fb:swf
      swfbgcolor="000000"
      imgstyle="border-width:3px; border-color:white;"
      swfsrc='http://www.flickr.com/apps/slideshow/show.swf?v=71649'
      imgsrc='http://www.bbc.co.uk/nature/cmp/homepage/images/flickr_test.jpg' width='512' height='384'
      flashvars='offsite=true&lang=en-us&page_show_url=%2Fphotos%2F31216459%40N07%2Ffavorites%2Fshow%2F&page_show_back_url=%2Fphotos%2F31216459%40N07%2Ffavorites%2F&user_id=31216459@N07&favorites=own&jump_to=' width='512' height='384'
      />

    35. CharlieJenko says:

      Ok thanks Tim

    36. LisaSchulteis says:

      Hi Tim,

      Thanks for this post. I have been working on this all day and still can’t get it to work, although I think it looks just like your example. :(

      When I put the swfsrc in my browser, I just get a black screen, which I am sure is part of the problem. I have included the original code as well as what I converted it to.

      I appreciate any help.


      <object width="400" height="300"> <param name="flashvars" value="offsite=true&lang=en-us&page_show_url=%2Fphotos%2F19709161%40N03%2Fsets%2F72157624930923781%2Fshow%2F&page_show_back_url=%2Fphotos%2F19709161%40N03%2Fsets%2F72157624930923781%2F&set_id=72157624930923781&jump_to="></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=71649"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=71649" allowFullScreen="true" flashvars="offsite=true&lang=en-us&page_show_url=%2Fphotos%2F19709161%40N03%2Fsets%2F72157624930923781%2Fshow%2F&page_show_back_url=%2Fphotos%2F19709161%40N03%2Fsets%2F72157624930923781%2F&set_id=72157624930923781&jump_to=" width="400" height="300"></embed></object>


      <fb:sw
      swfbgcolor="000000"
      imgstyle="border-width:3px; border-color:white;"
      swfsrc="http://www/flickr.com/apps/slideshow/show.swf?v=71649"
      imgsrc="http://www.flickr.com/photos/19709161@N03/5034725438/in/set-72157624930923781/" width='400' height='300'
      flashvars="offsite=true&lang=en-
      us&page_show_url=%2Fphotos%2F19709161%40N03%2Fsets%2F72157624930923781%2Fshow%2F&page_show_back_url=%2Fphotos%2F19709161%40N03%2Fsets%2F72157624930923781%2F&set_id=72157624930923781&jump_to=" width="400" height="300"
      />

      • Lisa, The first thing you should always do to test is access the URLs for swfsrc and imgsrc directly with your browser, by pasting the URL into the address bar.

        When you do this, you see that, first, your swfsrc URL has a fatal typo: www/flickr.com … so make that forward slash a dot!

        Second, the imgsrc URL points to the *page* that the image is on, but NOT to the image itself!

        If you fix these things, I think you’ll have better results.

        • LisaSchulteis says:

          Tim,

          I fixed the swfsrc… looked at it too many times and looked right through the typo.

          As for the image source, that code is what Flickr gave me when I clicked on the “share” button for that pic. I will have to dig around and figure out where the code is for the image itself… I can’t seem to find it.

          I will keep you posted. Thank you for the quick response.

          Lisa

        • LisaSchulteis says:

          Ok, I found the code for just the image and changed the coding. When I enter the swfsrc into my browser, I still get a blank black screen.

          I entered the following code into fbml… nothing else is entered in there. When I preview the page it is white – nothing there.

          What could I be missing?


          <fb:sw
          swfbgcolor="000000"
          imgstyle="border-width:3px; border-color:white;"
          swfsrc="http://www.flickr.com/apps/slideshow/show.swf?v=71649"
          imgsrc=" http://www.flickr.com/photos/19709161@N03/5034725438/" width='400' height='300'
          flashvars="offsite=true&lang=en-
          us&page_show_url=%2Fphotos%2F19709161%40N03%2Fsets%2F72157624930923781%2Fshow%2F&page_show_back_url=%2Fphotos%2F19709161%40N03%2Fsets%2F72157624930923781%2F&set_id=72157624930923781&jump_to=" width="400" height="300"
          />

          Thanks!

    37. Lisa: You’re using the URL I use in my example! You need to follow my instructions and get the URL for *your* Flickr slideshow!

      And your imgsrc URL is still to the page. When you have the correct URL, accessing it via the browser will show ONLY the image.

      And the imgsrc URL opens with a double quote but closes with the &quot; ISO character. Just make sure it opens and closes with either single or double quotes.

      • LisaSchulteis says:

        Tim,

        The url for the swfsrc is what Flickr gave me (see original post). I don’t know what else I could possibly put in there.

        As for the imgsrc, I will correct the quote issue. As for the link, when I found that link and put it in my browser it went just to the photo the first time… now it is going to the page. I will keep working on it.

        Let me know your thoughts on the swfsrc. Very frustrating.

        Thanks.

      • LisaSchulteis says:

        Tim,

        I have it working now. I went into NotePad and rewrote the code in there. It is now working. The program I was using must have been tweaking it somehow.

        Thanks
        Lisa

    38. Hello and thanks for a great tutorial!

      I have just one question, is there any way to link all the flickr albums to Facebook? I don’t mean slideshow, I mean like you can see all the albums on facebook and browse them, in a Static FBML tab.

      Thanks in advance / Fredrik.

    39. Hi Guys

      Just wanted to say that if you’re using Text Edit to copy and paste your code -remember that it doesn’t always automatically convert what you’re pasting to plain text for you. I had to click format >’make plain text’ at the end before I copied and pasted into fb.

      Its one of those very basic but easy to forget things!

      :) Good luck

    40. Same again – went through all the comments but can’t figure out what is missing here. Help would be perfect – thanks!


      <fb:swf
      swfbgcolor="000000"
      imgstyle="border-width:3px; border-color:white;"
      swfsrc='http://www.flickr.com/apps/slideshow/show.swf?v=71649'
      imgsrc='http://flic.kr/p/8NcYJi' width='400' height='300'
      flashvars=offsite=true&lang=de-de&page_show_url=%2Fphotos%2F55134996%40N05%2Fsets%2F72157625121567617%2Fshow%2F&page_show_back_url=%2Fphotos%2F55134996%40N05%2Fsets%2F72157625121567617%2F&set_id=72157625121567617&jump_to=' width='400' height='300'
      />

    41. imgsrc links to the page with the picture, not the picture itself. Click on “Share this” then click “Grab the link” and use THAT for the imgsrc. Also, make sure your swfsrc points to the correct URL for your slideshow. I tried it and it went to a blank page. And include the opening quote mark for the flashvars=

      • It’s working now – thanks a lot. Unfortunately (and I checked this with the first posted one of Mark Hadden Photography) you’re first clicking to the picture, then it starts loading the slideshow and then it starts. Mark “solved” this by using a Screen of the “play” button as first picture – but is there a better work around?

    Trackbacks

    1. […] Related: How to Embed a Flickr Slideshow in your Facebook Static FBML Application Tab Page […]

    2. […] Tutorial: Embedding a Flickr Gallery in Static FBML Tab […]

    3. […] (imgsrc) for fb:swf and fb:flv, and links to videos and galleries on YouTube, Vimeo, Photobucket, Flickr, etc.. Test a URL by pasting it into your browser's address bar. […]