The Flickr® Button

To upload images captured with Jing to Flickr you need to do two things. First, create a Flickr account. Next, create a Flickr button in Jing and then authorize Jing to use Flickr.

To create a Flickr button:

1. Click More > Preferences.
2. Click Customize Jing Buttons. Click the Flickr icon.
3. Optional: Change the Button description (name).
4. Click the Authorize button. Click Start (Authorization), and you will be directed to Flickr's authorization page. Enter your Yahoo! ID and password.
5. Click OK, I'll allow it (On the Flickr webpage).
6. Return to Jing, and click Finish.
7. There, almost done--now the decision-making part. You can choose to have this Flickr button send your images to a particular set. If the set does not exist, Jing will create if for you on Flickr. You can also choose whether you want to share these images with anyone (public) or your friends and family.
8. Select whether you want your Flickr button to return a link to your video or embed code.
9. Click Save after you decide on the clipboard contents.

Learn about Flickr Embed Code

Embed code is html that allows you to insert the image right into your website, blog or other html-based media. This is unlike a link people must click to view your video in another location. More...▼

Here's an example. On the left I have a link to an image. On the right I've chosen to take the embed code to the image. As you can see, it's the same image, but you don't have to click anything to see the embedded image.

http://www.screencast.com/t/q8wG7aojHk

Here's some sample Flickr embed code:

The part highlighted in red is optional, but may be handy depending on your situation. It allows the viewer to click the image and be directed to your Flickr Set. It's kind of like a link to itself. You can delete the red highlighted part and your embedded image will still work fine. You can manually change the width and height (in pixels) but be sure to keep the same proportion or the image will look squashed. The alt tag in this example is "JingImage". This is the text that appears if the image cannot be shown by the browser. Changing the text has no impact on your embedded image.