Order Now AdSolution Sign Up | Login » Bits on the Run Sign Up | Login »

Forums

/

Flickr source file?

9 replies [Last post]

Hi
Let me start off and say my experience with creating script virtually non existent that is why I'm using the Setup Wizard.
I've been trying (unsuccessfully) to get my Flickr accounts pictures to work. I have read the "HOW DO WE USE OUR OWN FLICKR ACCOUNT?" post but I was stuck not understanding if the entire html text was used as code or only the full address. And then if the whole code is added where abouts in the code stream?

What I was hopping to find is instructions on where to find the source information to use with the "Imagerotator with Flickr feed and overstretched images" setup. I have tried going into slideshow in flickr and copying the url address (http://www.flickr.com/photos/25357685@N04/show/) there to source, but that wouldn't work and have also tried copying the RSS feed address (http://api.flickr.com/services/feeds/photos_public.gne?id=25357685@N04&lang=en-us&format=rss_200) but neither work.

I have also tried this with a Fotothing account where they actually provide the code to imbed the slideshow thing in your web page. I understand how an iFrame works so I tried using the codes they provide including a .swf address and a file type.

<embed
src="http://www.fotothing.com/ft.swf"
width="470"
height="250"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="height=250&width=470&file=application/x-shockwave-flash&overstretch=true"
/>

This creates a box outline of the slide show player but I can't figure out how to enter login detains or ID or whatever so it knows what file to get it from. I'm getting further along with Fotothing but I don't like the look of the page as much as Flickr and as there is a setup thing specifically for Flickr I would prefer if someone could help me with it.

Do I need to somehow create a .swf file, if so how? or should I use the code in the "HOW DO WE USE OUR OWN FLICKR ACCOUNT?" post and if so where abouts in the code stream is this added? or is there another way of doing this that is more straight forward? I had assumed that because there was a "Flickr" setup option there would be a straightforward way of adding a Flickr source and using photos from a Flickr account.

Could somebody please help me with this problem?

If you go to this page: http://www.jeroenwijering.com/?item=JW_Image_Rotator, you can see a JW Image Rotator fed with a Flickr public feed.

Simply view the page source to see the code that makes it work. It's only a few lines of code:

<script type="text/javascript" src="http://www.jeroenwijering.com/embed/swfobject.js"></script>

<script type="text/javascript">
document.getElementById("mediaspace").style.paddingTop = '0px';
var so = new SWFObject('http://www.jeroenwijering.com/embed/imagerotator.swf','player','720','240','8');
so.addParam("allowfullscreen","true");
so.addParam("bgcolor","#000000");
so.addVariable('file','http://api.flickr.com/services/feeds/photos_public.gne%3Ftags%3Dmacro%26format%3Drss_200%26l%3Dcomm');
so.addVariable('lightcolor','0x990066');
so.addVariable('overstretch','true');
so.addVariable("width","720");
so.addVariable("height","240");
so.write('mediaspace');
</script>

Change the domain to your server for swfobject.js and imagerotator.swf. Download them from the Image Rotator page and upload to your server.

I tried out the code above with the changes and it didn't work.
But I think I've figured it out after reading the code for a while I figure out how to get it to work through the setup wizard, so it atleast shows on the preview. My problem had been that I had been entering the flickr website address into the source field which is actually for the site domain and the file is where the url for where the pictures come from. So this is now the source which it provides.

<embed
src="http://www.jeroenwijering.com/embed/imagerotator.swf"
width="660"
height="450"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="height=450&width=660&file=http://api.flickr.com/services/feeds/photos_public.gne?id=25357685@N04〈=en-us&format=rss_200&backcolor=0xFFFFFF&frontcolor=0xFFFFFF&lightcolor=0xFFFFFF&screencolor=0xFFFFFF&transition=lines&overstretch=true&repeat=true&shuffle=true"
/>

Which is fine until I put that into my web site. The first time I did it, it worked fine but I had to change the hight of the box, after I changed that it started showing files which are not in my Flickr account. I tried deleting it and changing the hight back in the setup wizard but after putting it back in the web site the same thing happens it says there are 20 images in the folder but none of them are mine even though when it previews in setup wizard it shows my images. What is going on?

When you have "weird" characters ( ? = + % & ) in a URL, you have to URLencode them like is done in the example that I posted from Jeroen's page.

Use:
%3D for =
%3F for ?
%26 for &

Chart of the rest here: http://i-technica.com/whitestuff/urlencodechart.html

Ok I tried changing the =, ?, and @ symbols as per the code chart but it still hasn't made any difference I still get random peoples weddings, and holiday photos and stuff. I only have to change it for the symbols that are part of the url right not the full code?

This is what I've done.

<embed
src="http://www.jeroenwijering.com/embed/imagerotator.swf"
width="660"
height="450"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="height=450&width=660&file=http://api%2eflickr%2ecom%2fservices%2ffeeds%2fphotos%5fpublic%2egne%3fid%3d25357685%40N04〈=en-us&format=rss_200&backcolor=0xFFFFFF&frontcolor=0xFFFFFF&lightcolor=0xFFFFFF&screencolor=0xFFFFFF&transition=lines&overstretch=true&repeat=true&shuffle=true"
/>

What it really confusing me about this is that the url I have is meant to be for the RSS feed for my Flickr page not some group page or anything I don't understand why it shows other photos through this Image Rotator window but not when I go direct to the site.

The URI that you are using does work. I don't know if it is yours or someone elses.

Your URI URLencoded:http://api%2eflickr%2ecom%2fservices%2ffeeds%2fphotos%5fpublic%2egne%3fid%3d25357685%40N04〈=en-us&format=rss_200
Your URI not URLencodedhttp://api.flickr.com/services/feeds/photos_public.gne?id=25357685@N04<=en-us&format=rss_200Can you confirm that this is the correct URI to your pictures. I see this: photos_public.gne and it makes me wonder is this is some public feed.

When I click the RSS feed button thing I was originally given this address.
http://api.flickr.com/services/feeds/photos_public.gne?id=25357685@N04&lang=en-us&format=rss_200

Which I just put in and got my photos entiled EnTour.

But this is what comes out everytime I put it in the setup wizard
http://api.flickr.com/services/feeds/photos_public.gne?id=25357685@N04〈=en-us&format=rss_200

Which you can see is the same as what you have shown as the not URLencoded
http://api.flickr.com/services/feeds/photos_public.gne?id=25357685@N04<=en-us&format=rss_200

But these are different and the address spewed out the the setup wizard links to a folder called Everyones' photos. Maybe its the RSS address that I'm using (but that doesn't make any sense).

This is the straight URL to the photos on my Flickr page if it helps figure out this mess.
http://www.flickr.com/photos/25357685@N04/

Well, that explains a lot.

You do have to use the correct URI, here's yours URL encoded:http://api.flickr.com/services/feeds/photos_public.gne%3Fid%3D25357685%40N04%26lang%3Den-us%26format%3Drss_200Cut & paste it into your code and see if your photos show up.

This has worked. It seems my problem has come from relying on the encoding given by the setup Wizard. Thankyou very much for all you help. It's now working great.

Very HELPFUL! THANKS!!!