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
Installation
- Extract thumbnail-viewer folder from downloaded file to wp-contents/plugins/.
- Go to Plugins section in WordPress dashboard and activate Thumbnail Viewer.
- That’s it!
- 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:
The effect you see above was created by this plugin by putting the following HTML in this page:
|
1 2 3 |
<a href="http://www.longren.org/images/corn.jpg" rel="thumbnail" title="Some Corn"><img src="http://www.longren.org/images/cornThumbnail.jpg" width="129" height="96" alt="Some Corn" /></a> <a href="http://www.longren.org/images/crackerJacks.jpg" rel="thumbnail" title="Some Cracker Jacks!"><img src="http://www.longren.org/images/crackerJacksThumbnail.jpg" width="98" height="123" alt="Some Cracker Jacks" /></a> <a href="http://www.longren.org/images/peas.jpg" rel="thumbnail" title="Some Peas In A Pod"><img src="http://www.longren.org/images/peasThumbnail.jpg" width="145" height="96" alt="Some Peas" /></a> |
Really nice,thanks.
[...] 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/ [...]
[...] Thumbnail Viewer [...]
this is a great plugin thanks. Does anyone know where I ca find good bbpress plugins ?
[...] 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 [...]
Thanks for this nice plugin..
well nice but problem to me
when i click did not show comlete image link url is here
http://jinahe.com/times/?p=49
Strange, but I don’t have such problem
still using it today, fast and still a very good plugin. I’m a big fan of display and interaction sites! Thanks again!
[...] ImagehackUploader eklentisi ile eklediğiniz minik resimlerle kod gerekmeden direkt etkileşir. Link 16 © Batch image uploader Altenatif, çoklu resim yükleme eklentisi [...]
[...] 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 [...]
Thanks for this plug-in! It’s really great!
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 ,
sorry it is a wordpress plugin, nice one ,
I will try this plugin on my site, thanks dude for this plugin
cheers, great little plugin
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..!
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..!
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.
No issues with Chrome that I know of. It works OK for me in Chrome, on Linux and Windows.
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.
See this link:
http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm
[...] Thumbnail Viewer [...]
[...] Thumbnail Viewer [...]
Works great! Thanks
[...] [...]
Am trying to get this to work on my site, but having difficulty (firefox for mac)?
Can you provide an example that I can look at? Not sure when I’ll be able to get a mac to test on though.
[...] 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 [...]
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!
Nice alternative to thickbox /lightbox. Is this compatible with WP 3.0?
Yes, it works just fine with WordPress 3.0.1.
Great Plugin
[...] 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. [...]
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.
The plugin does not work for my site
Hi Davinder, do you see any errors? If so, what are they?
Also, do you have a site with this plugin enabled that I can look at?
Thanks!
Really nice, it does look familiar to lightbox, gonna test it, hopefully it is indeed faster so i can used it.
got the plugin working but the problem I now have is that it won’t overlay my embedded videos…
Got a website where I can see this happening?
Hi!
Does this plug-in work on text links?
Cheers!
Carlo
Hi Carlo, yes, it works just the same with text links. Just replace the img tag with your text and it’ll work!
Its really work , great ! Thanks for this .
hi there Tyler: is this work with black bg transparency = 50% layer?
can it float? is the script uses any floating bar?
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.
This plugin doesnt work in My browser, how can i activate this plugin
Maya, activate it just like you would any other WordPress plugin. Do you have it installed on a site I can look at to see if I can find the issue?
[...] 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 [...]
Thumbnail viewer plugin is a great plugin, i am using it for two of my new site, so for there is no problem
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!
This really is a brilliant plug-in – many thanks for the post.
Regards
Richard
Great plugin thanks!
No issues with Chrome that I know of. It works OK for me in Chrome, on Linux and Windows.
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.
Thanks for the plugin, Tyler.
It works really well.
[...] Thumbnail Viewer Plugin [...]