Home About Contact

GalleryView: a jQuery Image Gallery

Posted by phorner On May 13, 2009

I was looking for a jQuery based gallery that could show images as a slideshow. I tested several possibilities but wasn’t really satisified as there was always something that wasn’t quite what I wanted. That’s when I stumbled across GalleryView.

Overlays

GalleryView is a jQuery plugin that allows you to create image galleries (and also insert HTML to be displayed as content). It takes an unordered list of images and turns it into a gallery. You can create several types of galleries, such as horizontal or vertical scrolling thumbnails, galleries with panel overlays and content panels. You can also customise the thumbnails width and height, the fade opacity, whether the images cross fade or just appear, and so on.

Here is some example Javascript showing some of the configuration features:

$(document).ready(function(){
$('#photos').galleryView({
panel_width: 800,
panel_height: 600,
frame_width: 150,
frame_height: 80,
start_frame: 5,
overlay_position: 'top',
filmstrip_position: 'left',
transition_speed: 1500,
transition_interval: 6500,
overlay_opacity: 0.55,
frame_opacity: 1.0,
nav_theme: 'light',
easing: 'easeInOutQuad',
show_captions: true,
fade_panels: false,
panel_scale: 'crop',
frame_scale: 'nocrop',
pointer_size: 12,
frame_gap: 10,
pause_on_hover: true
});
});

If you use the jQuery Easing plugin in addition, this will help to create a smoother filmstrip animation. You can also create your own theme for the styling of GalleryView. It comes with two themes, “light” and “dark”.

GalleryView is incredibly simple to setup. You’ll have a gallery up and running within about 10 minutes.

For more information: GalleryView

  • Share/Bookmark

91 Responses to “GalleryView: a jQuery Image Gallery”

  1. Sam says:

    We’ve been looking at several alternative jQuery image gallery plugins recently, have to agree this one is one of the best.

  2. phorner says:

    Can you suggest any others? Am always on the lookout for good jQuery plugins.

  3. [...] GalleryView: a jQuery Image Gallery [...]

  4. hydrolyze says:

    Hi there! Good concept, but might this truly do the job?

    ALLA

  5. Kenna Filter says:

    It’s easier to keep out of the conversation and not take the chance of being misunderstood.

  6. raifhzx says:

    3H2tLx xjblzgvbvrmq, [url=http://jisfnqasptoj.com/]jisfnqasptoj[/url], [link=http://tjhwpdympbxq.com/]tjhwpdympbxq[/link], http://ubbihncmacxb.com/

  7. Good post, I can’t say that I agree with everything that was said, but very good information overall:)

  8. Lots of Good information in your posting, I bookmarked your blog post so I can visit again in the near future, Cheers :)

  9. Todd Alaniz says:

    Hey – nice blog, just looking around some blogs, seems a pretty nice platform you are using. I’m currently using Wordpress

  10. What you don’t know can’t hurt you.

  11. Perry Joynt says:

    Sorry for being off topic, but I am just starting my website/blog. Why did you choose Wordpress over blogger or any other blog program? I am trying to figure out the best way, since I am not a techy.

  12. Random question: I am starting my own blog to share my photography experiences. Do you find it hard or easy to post consistently?

  13. I wanted to say that it’s nice to know that someone else also mentioned this as I had trouble finding the same info elsewhere. This was the first place that told me the answer. Thanks.

  14. Super-Duper sito ! I am loving it! Tornerà ancora una volta – che vi alimenta inoltre, grazie.

  15. Hi vey nice interesting blog im from newcastel i found this on aol I’m in the crane hire company business,i found this blog very interesting good luck with it i will return to this blog soon

  16. Couldn’t be written any better. Reading this post reminds me of my old room mate! He always kept talking about this. I will forward this article to him. Pretty sure he will have a good read. Thanks for sharing!

  17. copper sinks says:

    Extremes meet.

  18. Hi… I don’t know if you’ve been making changes, but your pages aren’t displaying correctly for me. The edges of the text are running into each other. I didn’t do this the other day. I don’t know if it’s something on my computer or if you’ve made a change… Just thought you might want to look at it. Thanks!

  19. Great stuff from you, man.  Ive read your stuff before and youre just too awesome.  I love what youve got here, love what youre saying and the way you say it.  You make it entertaining and you still manage to keep it smart.  I cant wait to read more from you.  This is really a great blog.

  20. The blog was absolutely fantastic! Lots of great information and inspiration, both of which we all need!

  21. Hi vey nice interesting blog im from newcastel i found this on aol I’m in the crane hire company business,i found this blog very interesting good luck with it i will return to this blog soon

  22. Hi. I wanted to drop you a quick note to express my thanks. I’ve been following your blog for a month or so and have picked up a ton of good information as well as enjoyed the way you’ve structured your site. I am attempting to run my own blog but I think its too general and I want to focus more on smaller topics. Being all things to all people is not all that its cracked up to be.

  23. I truly appreciate this post.Much thanks again. Really Cool.

  24. Really enjoyed this blog post.Thanks Again. Want more.

  25. I am not really sure if best practices have emerged around things like that, but I am sure that your great job is clearly identified. I was wondering if you offer any subscription to your RSS feeds as I would be very interested and can?t find any link to subscribe here.

  26. Awesome work. I always find very unique posts here on your Blog.

  27. A big thank you for your article.Thanks Again. Awesome.

  28. Very informative blog post.Much thanks again. Much obliged.

  29. Please tell me it worked right? I dont want to sumit it again if i do not have to! Either the blog glitced out or i am an idiot, the second option doesnt surprise me lol. thanks for a great blog!

  30. Great blog post.Really looking forward to read more.

  31. Stem Cell-Based Topical Serums for Renewal of Aging Skin | Secrets ……

    presentation two appropriate lifestyle, diet, carrying out, plus supplementation are crtitical representing anti-aging clothed in….

  32. I like your post.

  33. Thanks for posting such an awesome post! This blog writer is not only knowledgeable but also very inventive too. There normally are a limited number of bloggers who can create technical stuff that creatively. we look for articles about a subject like this. I have gone through many sites to find knowledge regarding this.Keep writing in !!

  34. You did a good job.

  35. You write very detailed,Pay tribute to you.Couldn’t be written any better. Reading this post reminds me of my old room mate! He always kept talking about this. I will forward this article to him. Pretty sure he will have a good read. Thanks for sharing!

  36. sgczlaf says:

    IpdjlS aomqnwkxsayk, [url=http://cudmgqinjnjk.com/]cudmgqinjnjk[/url], [link=http://pfokdhpwvhvg.com/]pfokdhpwvhvg[/link], http://hljaayuzvaux.com/

  37. What an inspiring post, many thanks. Hope to read more of your post.

  38. I would like to thank you for the efforts you have made in writing this article. I am hoping the same best work from you in the future as well. In fact your creative writing abilities has inspired me to start my own BlogEngine blog now. Really the blogging is spreading its wings rapidly. Your write up is a fine example of it.

  39. Ah!!! at last I found what I was looking for. Somtimes it takes so much effort to find even tiny useful piece of information.

  40. Once again great post. You seem to have a good understanding of these themes.When I entering your blog,I felt this . Come on and keep writting your blog will be more attractive. To Your Success!

  41. Excellent Article! I personally really like your post. This is a great website. I will make sure that I stop back again!.

  42. Amazing stuff,Thanks so much for this!This is very useful post for me. This will absolutely going to help me in my projects .

  43. Find Friends says:

    Great information you write it very clean. I’m very lucky to get this details from you.

  44. Back links may very well become a valuable aspect and aid with off site search engine optimization. Have you ever noticed textlinks cause a reverse affect on Google rankings? And do you know if there is a way to know when paying per click is better than natural rankings? I personally am part of numerous online businesses and even manage a links building service. Even so, I at times see it helpful to use Google Adwords to natural optimization.

  45. The lighter colored area on the edges of the welds are actually just where I cleaned up the metal with a grinder. Another good thing to note when TIG welding is that the metal needs to be spotlessly clean. As soon as you think its clean enough, clean it once more. If you don¡¯t, the welds look horrific.

  46. Darrel Iliff says:

    Nice work in this post! I found it quite insightful. I’ve bookmarked your web site and I am positive that I’ll return many more times in future.

  47. Beckie Stam says:

    According to me the best game is Lego Batman: The Videogame I need more games like this!. I have a XBOX 360 CONSOLE.

  48. You really make it seem so easy with your presentation but I find this topic to be really something which I think I would never understand. It seems too complicated and very broad for me. I am looking forward for your next post, I will try to get the hang of it!

  49. Top 7 Common Lawn Care Errors…

    There are tips for caring for your lawn. Equally important tips for lawn care is a lawn care mistakes that we should know how to avoid. Lawn care and….

  50. These are very nice! Very inspirational for making sure every part of a site or blog is well designed.

Leave a Reply