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 page layout. You can also check the full-page demo lightbox gallery. This example takes whole browser area to show the website gallery.Flickr Auto Download

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.

Display Flickr Gallery With Jquery Flickr Slideshow Iframe

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 Html Products Page

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).Flickr Widget Tumblr

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

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

    * I have purchased the business and LOVE IT..Your product appears easy to use and close to what I need to help several of my clients..Quick Flickr Widget Help

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

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

How to post event photos on the Flickr photo sharing website Document: How to post event photos on the Flickr photo sharing website I have done this on my website for CROInfo 2006 both

miscellany " Gabriel de Kadt A Flickr slideshow iFrame in WordPress? Geotagging with Graphic Converter and Flickr. Tags .htaccess 35mm film apache Art CMS CSS Drupal DVD Flash Flickr FTP full frame fun geotagging Git Google Analytics (GA) GPS Graphic Converter HTML IE IE6

Tools for embedding Flickr Slideshows All you need to do is enter the flickr URL address, photo set or group you would like to embed along with some options like width and height. Flickr Slideshow Generator: Enter either userid or set id or tags to get the slideshow in a Iframe

HOW TO Quickie: Embedded Flickr Slideshows — PaulStamatiou.com A blog covering Tech News, Reviews, Guides and Startups from developer and startup guy Paul Stamatiou

Photo Flash Gallery|PDF|Video: Embed the Flickr Photo

Check Out These 297 Talented Photographers Click here to see a full screen version: ILikeThesePhotos UPDATE: Follow this link to see the entire group as medium thumbnails APE Flickr Click on the photograph to see the name and website of the photographer. Adjust the speed of

Embed Flickr slideshows into a blog post " wongaBlog

Kumara Sastry " Blog Archives " Flickr pictobrowser plugin Flickr pictobrowser plugin for wordpress. 23 July 2007. I heard about pictobrowser from Julie and like this much better than the flickr slideshow. However, since "object" and "iframe" are stripped out of wordpress for security reasons, I could no longer embed pictobrowser object directly

Five seconds to add a Flickr Slideshow - Annuaire du Vin There is no way to adjust the size of the flash slideshow (500 x 500) as it is fixed in size and hosted by Flickr. We cannot change the background. More informations. Use Tiltviewer to display all your Flickr pictures. Using an iframe to display a Flickr Slideshow

mathfest: Embed Flickr Slideshows with flickrSLiDR src="http://www.flickr.com/slideShow/index.gne?group_id=&user_id=7961049@N08&set_id=&text=&favorites=own" On March 4, 2010, Flickr stopped allowing its content to be displayed between iFrame tags, breaking the slideshow in my margin and perhaps this one

FlickrSlidr - Embed Flickr Slideshows into Your Blog If you like those nifty Flickr slideshows and would like to be able to easily embed them into your website, seek no further. FlickrSlidr is a new tool You can even choose whether you want the slideshow to be in an iframe, or have standards-compliant code which, from what we've seen, works just as

How to Embed Flickr Slideshows | eHow.com How to Embed Flickr Slideshows. If you've always wanted to use all the photos from your Flickr account in a slideshow for your website, blog or Myspace page, there are 2 easy ways to do it. Flickr's official embed tool, SLiDR,

Flickr Slideshow in Flash - School of Pharmacy [If your browser supports Javascript, turn it on to see photos here.] Want a slideshow for a different Flickr group?

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

How to embed a Flickr slideshow in your blog There's a lot of ways to get your Flickr photos onto a web page or blog post, but few are as clean and elegant as

Using Flickr Slideshows in Plone — LearnPlone Flickr is a great tool for organizing and managing your photos. Learn how to insert a Flickr slideshow into your Plone site

How To: Embed a Flickr Slideshow on a Web/Blog Page | On The Mark Learn how you can incorporate a slideshow of your Flickr images into your web/blog pages

How to add Flickr Slideshow into your blog or website? You can simply add any of your flickr slide show into your blog or website just with few simple steps. First of all you need to know your flickr

How to put a Flickr Slideshow on your blog After my inclusion of a slide show along with my daily photo for September 15th, 2006, some people asked how to do it. I will not bore you or punish you with

wonko's flickrtags at master - GitHub Photographs for the slideshow can be selected using a Flickr photoset ID or a comma

Flickr Slideshow Iframe : Flickr Gallery Flickr Slideshow Iframe. Create an effective online photo galleries with Flickr Slideshow!. Steal Pics From Flickr

Flickr Slideshow Lite : Free SlideShow Software Free Slideshow Creator! Flickr Slideshow Lite. Create superior online photo galleries for your Website with Flickr Slideshow!. Digital Slideshow

Flickr Slideshow Iframe | Flickr Slideshow Flickr Slideshow Iframe. Don't allow your web site visitors to get lost! Try jQuery Thickbox Alternative! how to embed flickr info drupal

WordPress " flickr-slideshow-wrapper " WordPress Plugins That's why I wanted to use the standard functionality of flickr to embed slideshows. Adapting width and height of the iframe might result in artefacts which can't be

How to embed Flickr Slideshows to your blog – Como embeber iframe align="center" xsrc="http://www.flickr.com/slideShow/index.gne?user_id=12345678@N00&tags=foo" frameBorder="0′′ width="500′′ scrolling="no" height="500′′>< /iframe> iframe align="center" xsrc="http://www.flickr.com/slideShow/index.gne?user_id=12345678@N00&tags=foo" frameBorder="0′′ width="500

How to embed Flickr slideshows Blogger Paul Stamatiou details how to embed the default Flickr slideshows on your own web page or blog. All you need to do is embed the following on your page (minus the line breaks)