Flickr API bug causing a problem in Blogsy.December 6th, 2013 | Posted by in Blogsy | Bugs | Fomola | FAQ | Flickr | Error | iPad | Information | API Problems
There is a bug in the Flickr API which is causing a problem in Blogsy. I will go through an explanation of the problem and a workaround until Flickr resolves this or we are able to come up with a way to program around it.
When you drag in an image to your post from Flickr Blogsy sends a request of details about that photo to Flickr through the API. Along with other information, we get the dimensions of that image. From the dimensions or the original sized image Flickr provides we size the image for placement in your blog post. By default Blogsy resizes it to 500 pixels for the longest side. (There's an option in the Settings menu to change the number of pixels to resize it to.)
But Flickr changed something in their API so the original sized image dimensions are not correct. This problem only happens with photos that are in portrait orientation.
In this screenshot you can see that I dragged in photo in the portrait orientation but it is being resized as a photos in landscape orientation. So the picture is stretch out and obviously not displaying correctly.
In this screenshot you can see our test results when we do the Flickr API test. Notice the dimensions of the “Original” sized image. The dimensions are reversed and this is why the image is showing up incorrectly in Blogsy. We have pointed to these incorrect dimension numbers with the red arrows in the image below.
We have requested support from Flickr for this. If you would like to see our support request and follow our communication with them you can see it here – http://www.flickr.com/help/forum/en-us/72157638375356504/
Hopefully Flickr will get this fixed quickly. If not then we will attempt to figure out a way to program around this bug.
The following is a temporary workaround until Flickr fixes the bug or we are able to figure out a way to program around the bug and that update comes out in the App Store.
1) First drag in your image or images.
2) Flip to the HTML Side in Blogsy and locate the image embed code. In the image embed code select the width and height information and delete it. (be careful to only delete the width and height information and not any other part of the embed code.)
After you delete it, it will look like this.
3) Flip back to the Rich Side and your photo will be correctly displayed.