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 sample above is an in-page usage demo of Lightbox gallery that uses images from Flickr. The slideshow created with Flickr Gallery wizard is placed inside the page layout. You can also check the full-page demo slideshow. This example takes whole browser area to show the Lightbox gallery that uses images from Flickr.Simpleviewer Flickr Embed

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.

Plugin Gallery Jquery Flickr Wordpress Widget For Flickr

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 bar as well as a feature to put your own logo to images. After you finish the payment via the secure form, you will receive a license key instantly by e-mail that turns the Flickr Gallery Free Edition into a Business one. You can select the most suitable payment procedure: bank transfer, check, PayPal, credit card 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.

Hack Flickr Personal Gallery

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 general help, feature requests, troubleshooting contact Customer Support at . Make sure to include details on your operating system, browser, Flickr Gallery version and a link (or relevant code).How To Find Flickr Rss

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".

    * Great product by the way and saved me loads of time. I really like your Flickr Gallery program! Very nice.

    * I ran into your website wile looking for a JavaScript to manage a personal Photo Gallery. I downloaded the trial version and immediately fell in love with your Flickr Gallery, it is one of the best products I’ve ever found; it is very user friendly and easy to use and creates great Photo Galleries.Flickr Search Widgets

    * I'm absolutely loving Flickr Gallery Business and Video LightBox. Amazing, quick and painless, to create a custom, browser independent gallery. And it works first time - every time! Best value for money I've seen in quite a while...

FAQ

Q:Instead of making one page with 40 photos, is there no property to make 2 or more pages?

A:You can do it in the following way:

1. Create your gallery in Flickr Gallery and publish it on a local drive in any test folder.
2. Make two copies of the generated index.html file (for example index1.html and index2.html).
3. Open index.html, index1.html and index2.html files in any text editor.
4. Find code for the gallery inside the BODY tag and cut some part of the images, so you'll have different images on each page.

<!-- Start Flickr Gallery.com BODY section -->
<div class="gallery">
<!-- leave the following code on index.html page -->
<a href="./data/images/1.jpg" rel="lightbox[sample]" title="Best Toy Ever"><img src="./data/thumbnails/1.png" /></a>
<a href="./data/images/8.jpg" rel="lightbox[sample]" title="PrueaMacro"><img src="./data/thumbnails/8.png" /></a>

<!-- leave the following code on index1.html page -->
<a href="./data/images/3.jpg" rel="lightbox[sample]" title="Macro Leaf."><img src="./data/thumbnails/3.png" /></a>
<a href="./data/images/11.jpg" rel="lightbox[sample]" title="Bell Pepper"><img src="./data/thumbnails/11.png" /></a>

<!-- leave the following code on index2.html page -->
<a href="./data/images/5_0.jpg" rel="lightbox[sample]" title="5"><img src="./data/thumbnails/5_0.png" /></a>
<a href="./data/images/6_0.jpg" rel="lightbox[sample]" title="6"><img src="./data/thumbnails/6_0.png" /></a>

<!--[if lte IE 6]><script src="engine/js/pngfix_vlb.js" type="text/javascript"></script><![endif]-->
<a id="vlightbox" href="http://Flickr Gallery.com/">Online Photo Album Sharing by Flickr Gallery.com</a>
</div>
<!-- End Flickr Gallery.com BODY section -->

5. Create links to switch between your pages, for example:
<a href="index.html">1</a>  <a href="index1.html">2</a>  <a href="index2.html">3</a> 


Q:I want to change color of the overlay shadow? How can I do this?

A:Open engine\css\Flickr Gallery.css and find the following code:

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #FFF;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

set the background-color parameter :

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #FF00FF;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}



RELATED

Silverlight 2.0 Flickr WordPress Widget Technorati Tags: Silverlight,WordPress,Widget,Flickr I had the challenge of creating both a simple Silverlight 2.0 flickr viewer and a WordPress widget that used silverlight so I combined the two projects in to one. The first part was creating

WordPress Tutorial – How to Add Flickr Photo Widget to My guess is that you have not put the right RSS feed for the Flickr account into the WordPress widget. You can search for flickr widget on the wordpress.org support forums. You might also consider creating a separate Flickr account to include only the images you want to

Free widgets for Flickr users Free web site content if you use flickr social networing software Widgets for Blogger. Utility for finding Flickr id. Word and character counter. Useful website code for Flickr users. Flick r. If you use Flickr, then you can add interesting content to your web pages by pasting any of the code below

Flickr Widgets Flickr has a very popular widget that they call a flickr badge. There are two different forms for this widget: HTML or flash. The flash badge has a slightly fancier, more dynamic, appearence. The HTML badge can be controlled through stylesheets by blog where the badge is installed

Funky Flickr Flex Widgets " SitePoint In this tutorial, Jack demonstrates how to create a small Flex widget to display a set of location-based Flickr photos, and embed it so that it doesn't interfere with your web page content

Searching for flickr - Yahoo! Widgets 1,000s of free Widgets help you save time by bringing your favorite content and services right to you A Flickr upload Widget supporting the new Flickr authorization system, background uploading, multiple photo drag and drop, titles/tagging/descriptions/privacy settings for each photo

Flickr™ | Yahoo! Widgets Help What is the Flickr Widget? What is Flickr? How do I How do I choose photos to show? Flickr? How do I change my preferences for Flickr? Troubleshooting. Why is the Flickr

Get my Flickr Widget! - Roy Tanck's weblog The form below will let you generate a Flash Flickr widget for your website or blog using your Flickr RSS feed. It will create a short bit of HTML code tha

Flickr widgets for your site, blog, social network, and more Get flickr widgets on Widgetbox.com! Find flickr widgets for your site, blog, social network, and more!

Quick Flickr Widget Hello and thanks for using Quick Flickr Widget. Here's some information which might be interesting, and please please please read before you ask,

WordPress " Flickr Tag Cloud Widget " WordPress Plugins Flickr Tag Cloud Widget. This is plugin for the Widget Sidebar in WordPress. It will This is plugin for the Widget Sidebar in WordPress. It will display your flickr tags as a

Profile Widget: Create a cool widget to show off your photos It's the perfect accessory for every Flickr addict. If you link your account and choose to keep your photos private, the Profile Widget will not work. The privacy setting is incompatible with the Profile Widget which is used for displaying your work publicly

Apple - Downloads - Dashboard Widgets - The Flickr Zeitgeist This widget displays the wonderous Flickr Daily Zeitgeist

flickr | Widgets Lab 1 Hydee combines account management for Facebook, Twitter, Foursquare, Twitpic, Flickr, Youtube, Me2day, Yfrog, Plixi and maybe more. Generated. the result was a photo grid widget in the size and look as you see it in the picture

Flickr - MediaWiki Widgets This widget allows you to add a Flickr badge (very simple functionality is implemented) to your wiki page. It was originally created by Sergey Chernyshev for Ardorado.com and sponsored by Semantic Communities, LLC.. To insert this widget, use the following code:

Flickr Widget " Donncha thanks a lot for that great flickr widget. I have one (simple?) problem: I use this widget with my favorite theme tiga 1.0.1 from shamsulazhar.com, and it works fine with firefox, but when I use IE 6.0, the displayed flickr photo box is overlapping the centre blog space

Flash Flickr Badge Widget for WordPress | American in Spain ATTENTION: I now recommend that you use the Javascript Flickr Badge widget instead. I love the Flickr Flash Badges, but the content of the iframe that you have

Flickr Photos - Opera Widgets Thank you very much for the widget. I put this widget into the corner of my screen and work with it. I would like to ask for a new feature. Is it possible to add a command to the widget that allows the user to add current pic into his favorites in Flickr

Widget:Flickr - Second Life Wiki To insert this widget, use the following code: {{#widget:Flickr|query=flowers}} Sample This widget allows you to add a [http://www.flickr.com/badge.gne Flickr badge] (very

flickr widgets " Browse widget gallery for flickr widgets Widget tags: flickr. Africa photos PodiPodi Joyful Version Pick the Flick'R US Top 51 Searched Sites INTIGRITI - The Way to Look into the Web

Flickr Widgets : Flickr Gallery Flickr Widgets. Digital picture albums made with Flickr Gallery are high-end web applications that look and behave exactly like desktop apps!. Tantan Flickr Templates

Flickr: "widget" 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