Animations for the NiO PhotoShelter RSS Gallery widget

Introduction

In the spring of last year I released the first version of the NiO PhotoShelter RSS gallery widget. It reads the general RSS feed of a PhotoShelter archive or PhotoShelter gallery, and creates a gallery of image thumbnails with or without captions. If you are not familiar with the widget yet, please check out the widget’s information page.

The widget has been downloaded 600 times by now and I have seen hundreds of different live implementations. So I thought it was time to enhance the widget a bit.

Adding an animated opacity hover effect

As a first enhancement, I just released an add-on that enables an “opacity on hover” effect for thumbnails in a gallery created by the NiO PhotoShelter RSS widget. You can configure it to increase or decrease the opacity of a thumbnail on hovering it. The add-on is written in jQuery and can be installed on any domain server.

Let’s have a look at an example of the new “opacity on hover” effect:

I use the new hover effect on this website as well:

The example and my implementations all use the hover effect in a way that the opacity increases on hovering the thumbnails. It is also possible to do the opposite.

Future developments

I will be releasing more add-ons for the NiO PhotoShelter RSS Gallery widget in the near future. In addition I am working on two new widgets that re-use bits and pieces of the NiO PhotoShelter RSS Gallery widget:

  • A version of the widget that reads the RSS feeds of services like Flickr and Alamy.
  • A slideshow version of the widget. This widget will present recent images in a non-flash based slideshow format that can also be viewed on mobile devices like the iPad.

If you have other suggestions, please let me know!

Download

The animation add-on for the NiO PhotoShelter RSS Gallery Widget can be downloaded from our Download page:

Visit the Download page

If you like this add-on and decide to use it, please donate, blog about it or provide a credit on your site with a link to my site (http://www.niophoto.com).

Subscription discounts

If you are interested in using either PhotoShelter or Graph Paper Press and want to sign up for a trial, please consider using the image buttons below to get yourself (and me) a discount …

Join PhotoShelter & Save!
Graph Paper Press WordPress Themes

7 Responses to “Animations for the NiO PhotoShelter RSS Gallery widget”

  1. [...] website!!!  On top of these two things which he does amazingly well, he can create photography widgets for websites and blogs.  On this blog I have one on the top right showcasing my recent images.  [...]

  2. [...] website!!!  On top of these two things which he does extremely well, he can create photography widgets for websites and blogs.  On this blog I have one on the top right showcasing my recent images.  [...]

  3. gary says:

    I need to put the .js into the header.php. I can’t seem to find that file in the wordpress site. Can you help me?

  4. [...] August 22nd, 2010: version 1.5.3 now available for download! Please also make sure to check out the new animation add-on for the widget!What the widget doesThe NiO PhotoShelter RSS Gallery widget creates dynamic [...]

  5. [...] RSS Gallery widget up and running. Read more about the NiO PhotoShelter RSS Gallery widget Read more about animations for the NiO PhotoShelter RSS Gallery widgetSpecial thanks go out to my colleagues Dan Morris (www.danmorris.com) and Dave Pattinson [...]

  6. [...] website!!!  On top of these two things which he does extremely well, he can create photography widgets for websites and blogs.  On this blog I have one on the top right showcasing my recent images.  [...]

Leave a Reply

We’d love to hear from you! Your email address will not be published.





Follow responses to this post