WordPress Plugin: Thumbnail Viewer 1.0

1.0 is old, go get the newest.

Thumbnail Viewer is my first WordPress plugin to be released to the public. I used the WordPress Lightbox 2 plugin as a starting point and implemented CSS and Javascript from the Image Thumbnail Viewer from Dynamic Drive. There’s another WordPress plugin based on the same code from Dynamic Drive, but it doesn’t have a quicktag to automatically add the code to your posts/pages. The “loading” image and text also seems to be broken in that other plugin.

The Thumbnail Viewer plugin is simply used to overlay images on a page, similar to Lightbox JS. Click on the images below to see the Thumbnail Viewer plugin in action.

Some CornSome Cracker JacksSome Peas

Here’s a description of the Image Thumbnail Viewer from Dynamic Drive, the code this plugin is based on:

Image Thumbnail Viewer is a compact, unobtrusive image viewer that can be applied to any link on the page to load the desired image inside a sleek interface based on the link’s “href” value. Simply give the link in question- be it a text link or image thumbnail link- a rel attribute of “thumbnail”, and you’re done.

This script will center the enlarged image on the page and optionally display a text description based on the activating link’s “title” attribute. A fading effect can be turned on/off to bring the final image into view.

1.0 is old, go get the newest.


  1. Extract wp-thumbnailviewer folder from .zip to wp-contents/plugins/.
  2. Go to Plugins in WordPress dashboard and activate Thumbnail Viewer.
  3. That’s it! Write a new post to use the quicktag button or simply add rel=thumbnail to any link tag.

Functionality in IE7 is broken (sometimes) in 1.0. The div to display the full image works in some IE7 installs but doesn’t work in others. Will be fixed for 1.1.

I will be creating a page dedicated to this plugin in the near future, it will house all information related to this plugin. Please, give it a try and let me know how it works out for you. Any feedback is always appreciated. If you decide to use this plugin and have any questions or problems, please leave a comment.