Flickr Badges Widget – Free WordPress Plugin

Flickr Badges Widget

This is a simple widget to display your Flickr latest photostream in widget area using javascript from http://www.flickr.com/badge_code_v2.gne. Find your Flickr ID from Flickr NSID Lookup if you do not know your flickr id. With its very beautiful widget interface, tabbed system, and powered by jQuery makes this plugin easier to customize. Just put your Flickr ID and your widget will be ready to lunch.

Key Features & Options

  • Beautiful widget interface
  • The type of images from user or group.
  • Flickr NSID support.
  • Get the image from recent or use random function.
  • Intro text for additional text before the widget content.
  • Outro text for additional text after the widget content.
  • Custom scripts and stylesheets for each widget

Open image in new window/tab

Put the script below in the “Custom Script & Stylesheet” widget box, and please be sure that jQuery already attached to the wp_head.

<script type="text/javascript">
   jQuery(document).ready(function($) {
      $('.flickr_badge_image a').live("click", function(){
         $(this).target = "_blank";
         window.open($(this).prop('href'));
         return false;
      });
   });​
</script>

Question & Supports

This plugin does not match to your site style? Is this script not quite working as it should? Having trouble installing? Or need some custom modifications that aren’t already included? Or you want more features on next release? Please leave messages or comments below.

Download Flickr Badges Widget from WordPress.org

68 comments on “Flickr Badges Widget – Free WordPress Plugin

      1. Hello! ty for the widget works great but cant set the _blank target for the images. When i use the box Custom Script & Stylesheet. it says i cant

        Warning: session_start Cannot send session cache limiter – headers already sent (output started at /home/ingeniomkt/webapps/discover/wp-content/plugins/flickr-badges-widget/index

  1. I’m using the widget within my home page. I have the images set to 12 but it only shows 10 thumbs (there’s plenty of images in my flickr account) and even if I change to 16 it still only shows 10. Is there somewhere that this is stuck at no more than 10?

        1. The same as Elizabeth. I have the images set to 12 but it only shows 10 thumbs, even though there’s plenty of images in the flickr account.

    1. I finnally found out how to do it :)

      Here is my custom style :

      .zframe-flickr-wrap-ltr img {
      margin-right: 0px;
      }
      .zframe-flickr-wrap-ltr img, .zframe-flickr-wrap-rtl img {
      margin-bottom: 0px;
      }
      .zframe-flickr-wrap-ltr .flickr_badge_image {
      float: left;
      }

      And you can see how it looks on my blog : http://blog.jnicolas.name/

      Thanks for this great plugin :)

  2. Hoi, thanks for great plugin. But can you be more specific with ‘Custom Stlye & Script” field’? Which file do you mean?
    flickr-badges-widget/css/dialog.css
    flickr-badges-widget/css/widget.css
    flickr-badges-widget/flickr-badges-widget.php
    flickr-badges-widget/index.php
    flickr-badges-widget/js/jquery.dialog.js

    Thanks.

  3. I feel like an idiot, but I’m not able to center the content of the widget, or at least the block containing images. Can you help me?

      1. Here it is.
        NB As you’ll see, in the homepage I got round the problem with margin-left=”5px” and “margin-right=”5px” for img; but in the internal pages, where sidebar is a little wider (see for example here), this obviously doesn’t work.

          1. Hi Zourbuth,

            how can i get it to fit exactly at the sidebar? meaning, having the left and right thumbnails to actually ‘touch’ the side? Please help.

  4. The old version of this plugin let us dictate and swap the colour of the font in the TITLE by adding FlickrED etc code into the title box. Now it just deletes the script and keeps the title font the same colour. How do we override this?
    Thanks

  5. My widget was displaying photos normally. However, all of a sudden it is not showing photos anymore. Just the title that I put in. So basically no thumbnails are being displayed. Please help.

  6. Hello,
    And thank you for the excellent plugin!

    I would like to ask if in a future release you could change one hardcoded link in widget.php so the plugin would be HTTPS friendly:

    src=’http://www.flickr.com >>>>> src=’//www.flickr.com

    I have done this manually on my site. Otherwise the plugin would not work without a user enabling mixed HTTP/HTTPS content.

    Thank you!
    Regards

      1. Yes, however if a secure page pulls something from an insecure location, in this case a Flickr JavaScript, you get a mixed content.

        I have restored the hardcoded “http” location in the plugin on my site, and if you will visit it now, you will see that the plugin will not function, unless mixed content is enabled.

        By specifying just “//” instead of “http://”, an appropriate connection will be determined automatically, rather then forced, and the plugin will function both on a secure site and a regular site.

        Regards

  7. Hi zourbuth,

    Could you please explain me how to do this?:

    ..and please be sure that jQuery already attached to the wp_head.

    I’m not sure how, what or where to change/add that, but i really like the images to open in a new window.

    Thanks in advance.

    Maarten

  8. Hi there,

    This is an amazing plugin and I have it all set in my sidebar but I am having trouble centering the flickr feed so that I have equal margins on both sides within the sidebar’s overall width.

    Could you please help me with this?

  9. I do not get it to work. Hope you can direct me in the right direction

    I did put the following code in the “Custom Script & Stylesheet” widget box

    jQuery(document).ready(function($) {
    $(‘.flickr_badge_image a’).live(“click”, function(){
    $(this).target = “_blank”;
    window.open($(this).prop(‘href’));
    return false;
    });
    });​

    And the following code in the header.php of my template
    wp_head();
    add_action( ‘wp_head’, ‘my_jquery_function’ );
    ?>

  10. Hi,
    I really like this Flickr plugin and thanks for your hard work.
    My question is; I started WordPress long time ago when there was no widget used on the sidebar. Meaning my sidebar is not widgetized. So is it any other ways to use this plugin other than widget, something like this or this ?
    Thanks,

Create Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>