Thumbnail Viewer Plugin

Thumbnail Viewer plugin for WordPress is simply used to overlay images on a page, similar to Lightbox JS. The javascript is from the Image Thumbnail Viewer code from DynamicDrive. The javascript included in Thumbnail Viewer from DynamicDrive is much faster than Lightbox JS, although not as feature packed, which is the entire point.

Thumbnail Viewer works with the following image formats: png, gif, jpeg, jpg, bmp.

Current Version: 1.2
Download Thumbnail Viewer 1.2

Keep This Site Going

Donate to help motivate me to work on the various projects that I maintain.
$ 4.50 raised.
Choose donation amount:

Installation

  1. Extract thumbnail-viewer folder from downloaded file to wp-contents/plugins/.
  2. Go to Plugins section in WordPress dashboard and activate Thumbnail Viewer.
  3. That’s it!
  4. Now all you need to do is add rel=thumbnail to any link tag surrounding your thumbnail. You’ll do this when you’re editing a post or page, you can also use the quicktag button for auto-insertion goodness.

If you come across anything broken or have any issues, please report problems at Github.

Please take a look at the FAQ before posting questions, your question is probably answered there. There’s also some screenshots for those interested, or you can just see the thing in action right here, just click one of the thumbnails below:
Some CornSome Cracker JacksSome Peas

The effect you see above was created by this plugin by putting the following HTML in this page:

Some Corn
Some Cracker Jacks
Some Peas

Created , updated

259 Responses to Thumbnail Viewer Plugin

  1. Shambhavi says:

    Hi,

    I want to use Thumbnail Viewer with high-resolution photos that people can then download and print out. However, this creates a problem with the photo being too big for the screen when people click on the thumbnail. Is there any way to limit the size of the display photo without actually limiting the size of the photo file for downloading? I tried just adding something like: width=”300″ height=”500″ , but that didn’t work. Thanks.

  2. Niharika says:

    No issues with Chrome that I know of. It works OK for me in Chrome, on Linux and Windows.

  3. Akash Kumar says:

    Great plugin thanks!

  4. This really is a brilliant plug-in – many thanks for the post.

    Regards
    Richard

  5. I use Lightbox JS for couple of months now as it is simply working on all modern browsers which is of course, more convenient to use. Plus, the features and speed is okay too. I have heard that the Thumbnail Viewer plugin for Word Press is also a neat stuff to use on overlaying images on blogs. Thank you for posting this as I am now looking on trying this plugin. It’s thrilling to know that the javascript included on thumbnail viewer is much faster compared to Lightbox. Let’s try and see!
    Cheers!

  6. Palmistry says:

    Thumbnail viewer plugin is a great plugin, i am using it for two of my new site, so for there is no problem

  7. [...] Sitenizde yayınladığınız resimlerinizin bir çerçeve efekti ile açılmasını sağlar. Link 12) Batch image uploader Altenatif, çoklu resim yükleme eklentisi Link 13) ANIga Gallery Resim [...]

  8. eshanne says:

    hi there Tyler: is this work with black bg transparency = 50% layer?

    can it float? is the script uses any floating bar?

    • Tyler says:

      Good question eshanne.

      Not sure about the black bg with transparency of 50%. I don’t see why it wouldn’t work.

      And no, this plugin doesn’t use any CSS float properties anywhere.

  9. Its really work , great ! Thanks for this .

  10. Carlo says:

    Hi!

    Does this plug-in work on text links?

    Cheers!
    Carlo

  11. got the plugin working but the problem I now have is that it won’t overlay my embedded videos…

  12. Really nice, it does look familiar to lightbox, gonna test it, hopefully it is indeed faster so i can used it.

  13. Davinder says:

    The plugin does not work for my site

  14. Nikki says:

    I LOVE this code so much. I recently switched my site to load div content dynamically. This broke thumbnail viewer because I believe it only finds links when the page first loads, so content that is dynamically loaded after isn’t “seen” by thumbnailviewer.js. Anyone know of any ways around this? I tried dynamically loading the JS again when the data is dynamically loaded through AJAX, but then all I get is a white page with a the “Close” button and “Loading” image. Images that are loaded upon initial GET have the viewer work fine on them.

  15. [...] Thumbnail Viewer – Thumbnail Viewer is a simple plugin for showing larger images of your thumbnails. It’s very similar to Lightbox, only much smaller. Add the rel=”thumbnail” attribute to any link tag to activate the thumbnail viewer. It’s based the wp-lightbox plugin and on the Image Thumbnail Viewer from Dynamic Drive. By Tyler Longren. [...]

  16. CSSReX says:

    Great Plugin :)

  17. Nice alternative to thickbox /lightbox. Is this compatible with WP 3.0?

  18. anders says:

    Is there a way to turn the thumbnail function off for selected images, both in posts and widgets? I want to use some pictures as links, but I´m not sure about how! Maybe this more of a general wp question, but I hope to get some help here anyway!

    cheers

    PS. And nice plugin, like what it does to my site!

  19. [...] the small image in the posts without leaving the blog. It will impress visitors with web2.0 effect.http://www.longren.org/wordpress/thumbnail-viewer/Broken Links RemoverChecks your posts for broken links. If it finds one then it will make that link [...]

  20. Am trying to get this to work on my site, but having difficulty (firefox for mac)?

  21. [...] Thumbnail Viewer [...]

  22. I have been trying to use this page on non wordpress platforms such as Joomla, Oscommerce or even Magento. It will be really good to see this on product pages of standard shopping cart websites. I have seen similar features on some other sites. Is it possible for someone to post a link to where we can get this feature as a standard PHP feature so it can be adapted to any platform.

  23. Steve says:

    Is there an issue with this in Chrome? I thought it was just my site but then I tried popping up the pictures at the top of this article and it seems sometimes they load in chrome and sometimes it hangs and says “Loading Image.” Works great in firefox, ie, safari and opera.

  24. Sorry wrong URL before-

    This plugin is great and we have used it rather than lightbox in many projects. However like a previous poster we think that it still employs the same simplicity that lightbox does!

    Great work..!

  25. This plugin is great and we have used it rather than lightbox in many projects. However like a previous poster we think that it still employs the same simplicity that lightbox does!

    Great work..!

  26. Lenny says:

    cheers, great little plugin

  27. I will try this plugin on my site, thanks dude for this plugin

  28. sorry it is a wordpress plugin, nice one ,

  29. i used this in my web design site, looks not to bad, you should create this as a wordpress plugin , tho there is all ready a few out there ,

  30. Thanks for this plug-in! It’s really great!

  31. [...] Sitenizde yayınladığınız resimlerinizin bir çerçeve efekti ile açılmasını sağlar ImagehackUploader eklentisi ile eklediğiniz minik resimlerle kod gerekmeden direkt etkileşir. Link [...]

  32. [...] ImagehackUploader eklentisi ile eklediğiniz minik resimlerle kod gerekmeden direkt etkileşir. Link 16 © Batch image uploader Altenatif, çoklu resim yükleme eklentisi [...]

  33. still using it today, fast and still a very good plugin. I’m a big fan of display and interaction sites! Thanks again!

  34. Akram says:

    well nice but problem to me
    when i click did not show comlete image link url is here
    http://jinahe.com/times/?p=49

  35. Konteyner says:

    Thanks for this nice plugin..

  36. [...] the tag cloud you see below. >> cforms II Creates the form on the Contact page. >> Thumbnail Viewer The quick script that displays an image in a nice frame when you click its respective [...]

  37. garry says:

    this is a great plugin thanks. Does anyone know where I ca find good bbpress plugins ?

  38. [...] href="http://www.longren.org/wordpress/thumbnail-viewer/">Thumbnail Viewer Dieses kleine Plugin zeigt Bilder, von denen man eine verkleinerte Version in einen Post steckt, als "Popin" an, allerdings ohne so viel Tamtam wie das allseits beliebte Lightbox2-Plugin es macht. http://www.longren.org/wordpress/thumbnail-viewer/ [...]

  39. Vats Thakur says:

    Really nice,thanks.

Comment navigation

Leave a Reply

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>