Overview

It's no secret that adding photos to your blog posts is one of the most effective ways to enhance your blog and attract attention to your writing. Flickr has millions of photos available in its database. A simple FREE tool called Flickr Gallery allows you to create a custom image gallery with a cool slide show of the most recent and most interesting photos from Flickr on your website or blog in a few easy steps. Just visit Flickr website and find photostream, photoset or a single photo you like. Enter the address of flickr page to add all photos from this page in your gallery, select the style of thumbnails and the overlay window and add the HTML embed code on your website or blog.
A few clicks and you'll see a stylish photo gallery with beautifull lightbox and zoom effects on your own website or blog!

Flickr Gallery for Windows   Flickr Gallery for MAC

Want more?

Example

Lightbox gallery sample

The following image set is generated by Flickr Gallery tool. Click any picture to run Lightbox gallery.

The example above is an in-page usage demo of Lightbox gallery that uses images from Flickr. The lightbox gallery created with Flickr Gallery software is placed inside the html page. You can also check the full-page demo web gallery. This example takes whole browser area to show the gallery.Flickr Personal Photo Galleries

How to Use

Step 1. Adding flickr images to your own gallery.


Locate the photo, photoset or photostream you want to use in your Flickr slideshow. Click on it to see the photo on its own page.

Copy URL of the flickr page.

Select Add images from Flickr... from the 'Add' button on the Toolbar.

Add images from Flickr

In the appeared window paste URL of the flickr page. Specify also the number of photos you want to add from the flickr page. Flickr Gallery will now include these photos in your project.

Add images from Flickr

If you have included the photos that you do not wish to be in your web gallery, you can easily remove them. Select all images that you wish to remove from photo gallery, and select Delete images. from the Images menu. You can pick and choose pictures by holding the CTRL while clicking the pictures you like.

Step 2. Adding caption.

The name of the photo on flickr page will automatically appear in the caption. When you select a photo you'll see the various info about it, such as: Path, Size, date of last change and Caption. You can add any comment or text about the photo (up to 512 symbols).

Step 3. Gallery properties.

Change the name of your flickr album, the size and quality of your pictures with Flickr Gallery. From the Gallery menu, select Properties or use "Edit Gallery Properties" button on the toolbar.

On the first tab of the Gallery Properties window you can change the name of your photo album and enable/disable the following properties: Slide Show, Auto play Slide Show, Zoom effect, Overlay Shadow. You can also set the Overlay shadow color and select the Engine you want to use (jQuery or Prototype + script.aculo.us).

On the second tab of the Gallery Properties window you can select the thumbnail you want to use, set the Thumbnails Resolution, Thumbnails Quality, Thumbnails Titles. Select Thumbnails Format (save in PNG or JPG format). Specify the Number of columns in you photo album and the Page color.

On the third tab of the Gallery Properties window you can select the template, Image resolution and Image quality of your pictures and change the Watermark.

You can set up the various sizes for exported images.

Control the quality of output PNG or JPEG format image by defining output "Image quality" and "Thumbnail quality" parameters (0%…100%).

Step 4. Save your photo gallery as project file.

When you exit Flickr Gallery application, you'll be asked if you want to save your project. The project consists of the pictures you choose to put on your web photo gallery and all your settings. It's a good idea to save the project, because that will allow you to change the project in case you decide to do something different with future galleries. So click Yes, then enter a name for your project. To select the location of your project, just click the Browse folders button and choose a different location. Then click Save.

How To Download Flickr Embed Flickr Badge

Download Flickr Gallery


Download Flickr Gallery Download Free Edition
for Windows
Download Flickr Gallery Download Free Edition
for MAC

Flickr Gallery is free for non-commercial use.

A small fee is required for business use. Flickr Gallery Business Edition additionally provides an option to remove the Flickr Gallery. Com credit string as well as a feature to put your own logo to images. After you conclude the payment via the secure form, you will receive a license key instantly by email that turns the Flickr Gallery Free Edition into a Business one. You can select the most suitable payment method: credit card, check, bank transfer, PayPal etc. Also you can get Business Edition for free if you help with translating Flickr Gallery into your native language, please contact us at for more info.

Flickr Guest Pass Embed

Buy Flickr GalleryBuy Business Edition
for Windows

$49
Single Website
$69
Unlimited Websites
Buy Flickr GalleryBuy Business Edition
for MAC

$49
Single Website
$69
Unlimited Websites

Support

For feature requests, troubleshooting, general help contact Customer Support at . Make sure to include details on your operating system, browser, a link (or relevant code) and Flickr Gallery version.Flickr Album Auf Blogspot Blog

Feedback

    * I just tried the application, It is wonderful idea. Like you said in the website "few clicks without writing a single line of code" because most of the people is not web designers".

    * First of all, I love you Flickr Gallery. I think it's beautiful! I purchased the lightbox “business edition” yesterday, and I’m very happy how easy it is to use. Found this to be one of the fastest ways to get a gallery on the web. Thanks.

    * I am thrilled with what this tool can do for me thanks for all the hard work that must have gone into it.Flickr Integration Samples

    * I downloaded your trial version to see if I could get it to work with my website, and I am almost there (I have been looking for something like this for ages)..

FAQ

Q:How do I embed the lightbox image gallery into an existing page?

A:To install Flickr Gallery gallery on your page you should:

1. Create your gallery in Flickr Gallery and publish it on a local drive in any test folder.
2. Open index.html file from the saved folder in any text editor.
3. Copy code for the HEAD section and paste it inside the HEAD section of you own webpage, for example:

<head>
...
<!-- Start Flickr Gallery.com HEAD section -->
<link rel="stylesheet" href="engine/css/vlightbox.css" type="text/css" />
<style>#vlightbox a#vlb{display:none}</style>
<link rel="stylesheet" href="engine/css/Flickr Gallery.css" type="text/css" media="screen" />
<script src="engine/js/jquery.js" type="text/javascript"></script>
<script src="engine/js/jquery.tools.min.js" type="text/javascript"></script>
<script src="engine/js/visuallightbox.js" type="text/javascript"></script>
<!-- End Flickr Gallery.com HEAD section -->

...
</head>


4. Copy code for the BODY section and paste it inside the Body section of you own webpage in the place where you want to have a gallery, for example:

<body>
...
<!-- Start Flickr Gallery.com BODY section -->
<div id="vlightbox">
<a rel="lightbox_vlb" href="data/images/dscn6831.jpg" title="DSCN6831"><img src="data/thumbnails/dscn6831.png"><span></span></a>
<a rel="lightbox_vlb" href="data/images/dscn6823.jpg" title="DSCN6823"><img src="data/thumbnails/dscn6823.png"><span></span></a>
<a rel="lightbox_vlb" href="data/images/dscn6819.jpg" title="DSCN6819"><img src="data/thumbnails/dscn6819.png"><span></span></a>
<a id="vlb" href="http://Flickr Gallery.com">Photo Gallery For Web by Flickr Gallery.com v2.1</a>
</div>
<!-- End Flickr Gallery.com BODY section -->

...
</body>


5. Copy 'data' folder with images and thumbnails and 'engine' folder with .css and .js files into the same folder with your own webpage.
You can find the example on our website:
http://www.Flickr Gallery.com/#example



RELATED

Newbie's guide to Flickr - Page 2 - Imaging Software This is a Flickr badge showing photos in a set called Moo shots. Make your own badge here. Want to share some of your recent shots on a blog or website, but don't want to go deal with the hassle of copying and pasting the embed code each time? Make a Flickr Badge!

Building a Flickr Flash Display, Part 1 Embedding the Flash movie. In an earlier attempt I had ( link here ) separated the flickr request, the styling and the JavaScript logic for the Flickr Badge, to be able to work separately The iframe will get a complete html document form the Flickr Badge service embedding a Flash movie

Swiss Army Librarian " Embedding Content in Websites :: Brian Swiss Army Librarian is a blog by Brian Herzog mostly about library and technology issues relating to public libraries You can embed individual images (flickr gives you a choice of sizes, and provides the code for embedding it), or you can embed a slideshow or flickr "badge." These two

Flickr Archives - etc: a stream of geek consciousness Quick links to good stuff: webdev, css, web design,digital photography, firefox,weblogging, Photoshop, movable type etc. Read "Slide Flickr: another tool to quickly create and embed a Flickr slideshow" " More Ways to Embed a Flickr Slideshow on your

Flickr: Help: Blogging Flickr is almost certainly the best online photo management and sharing application in the world. Show off your favorite photos and videos to the world, securely and privately show content to your friends and family, or blog the photos and videos

Making Money With Your Blog - Everything TypePad It's now easy to embed any html in your blog including widgets, a flickr badge, or ads from other networks like Google. There's a simple process for uploading ads from Six Apart Media into your

Yahoo! Developer Network - Flash Developer Center - Badge Kit A Flickr badge that displays the web page owner's latest photos This is the swf that the end users will be embedding into their pages. config.xml – this file by default resides in the same directory as Badge.swf [specify the location of config.xml via flashvars] and

Flickr photo embedded Embedding example: Flickr image. How it's done: use the "Share This" link on the photo Or you can create a badge. Copyright © University of Notre Dame | Home | Consultation

UContent: Flickr Badges On this page you will see two applications of the Flickr "Badge." You can install the Flickr badge on your Web page, blog, or library's Web page. Also, you can easily embed sets of photos from Flickr to a web page -- see the Olathe Public Library's Tour below

lib20 / flickr-slide-shows Samples of flickr slide shows and flickr badges to embed on web pages, blogs, wikis. Embed a photo from flickr and retain any annotations in the original flickr photo. Haven't seen anything else that does this! 11: flickr's own badge tools. Last, but not least, flickr has a very easy to use

Flickr Slideshow Embed | Flickr Slideshow Flickr Slideshow Embed. Create superior online photo galleries for your Website with jQuery Thickbox Alternative! bbcode flickr album

Compender: Display Your Photos By Adding A Flickr Badge To All you need to do is get the Flickr Badge embed code from Flickr and paste it into an HTML/JavaScript page element. You can force the badge to inherit your blog's background by selecting "No Background" in the Layout step of the Flickr badge configuration

Getting started with Flickr - Yahoo!7 CNET Technology Flickr gives you quite a few sharing options, but maybe the handiest is the embed option, which lets you Flickr Badge. Want to share some of your recent shots on a blog or website, but don't want to go deal with the hassle of copying and pasting the embed code each time?

Flickr Badge on Vimeo Placing a flickr badge on blogger

Flickr Badge by mcwolf -- Revver Online Video Sharing Network A video by mcwolf - A simple tutorial on how to implement the Flickr Badge to your site

How To: Embed Map with Geotagged Photos for Your Blog So you have a bunch of photos geotagged with GPS-capable cameraphones like the Nokia N95 or the Nokia N82 and want to show it off on your blog. Here's the

Embed Facebook Pictures in your Web Site with the new Photo Badge Flickr provides a neat little badge that lets you embed and display your public photos onto web pages and blogs. The embed code is nothing but a static image so you can even use it as an email signature in Gmail, in web forums or your various social networking profiles. Like the Flickr badge, Facebook

Flickr Slideshow in Flash - School of Pharmacy Plug the URL into idGettr to determine the Flickr group's ID number. Use the code above, but replace 91349291@N00 For more details, see Paul Stamatiou's Embedded Flickr Slideshows

Flickr: Using Pictures on Your Web Site | AssortedStuff This is actually quite easy since flickr does most of the work for you. First, log into your flickr account and then find the picture you want to embed in the page. Click the icon for All For this you are going to create a flickr badge using the picture or pictures you want to use in your page

Replacing the Flash Flickr Badge with Dojo | SitePen Blog A few weeks ago, some of the guys at SitePen were commenting that I was using Flash on my personal web site for a Flickr Badge. Give them a try and create a badge that's just right for your site

FlickrIn: Embed Your Favorite Flickr Photos In Your Blog It generates html code as well as javascript code for the Flickr photos badge which can then be easily embedded in the blog sidebar, thus giving it an exciting new look. The user interface is self-explanatory and you could create the required badge and generate the code within seconds

Embed Flickr Badge : Flickr Gallery Embed Flickr Badge. You just upload files generated by the online photo album software to your server and an online photo album will run immediately!. Embed Flickr Gallery Website

Flickr Slideshows & Badges - MindTouch Community Portal To embed a Flickr badge using images tagged with 'mindtouch': {{ flickr.badge("mindtouch" To embed a 800 by 600 Flickr slideshow showing images tagged with '

David Arpi Photography Use Flickriver Badge Creator to create a badge linking to your photos, your group or any other Flickriver view. place your badge on your Flickr profile, Blog or Website. Embed on

Flickriver - A new way to view Flickr photos and more Flickriver - view images as a 'river of photos' and more Use Flickriver Badge Creator to create a badge linking to your photos, your group or any other Flickriver view. You can place your badge on your Flickr profile, Blog or Website. Add to your iGoogle or Netvibes page

Flickr Extension Flickr. Copyright (c) 2006-2010 MindTouch Inc.This extension contains functions for embedding tagged pictures .com/logos/flickr-logo.pngflickrslideshowEmbed Flickr slideshow.Comma

Flickr Badge Easily create a Flickr Badge to display photos on your website