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

274 Responses to “GalleryView: a jQuery Image Gallery”

  1. I love what you men are always up too. Such clever work and reporting! Keep up the excellent works guys I’ve additional you men to my blogroll, Cheers.

  2. Lula Olander says:

    Later on, came onto the scene and made that more affordable.

  3. It can end without having a that fathers an ambience for a.

  4. new music says:

    Purchase mp3 music online…

    It is a pretty nice website.I’ve bookmarked the page and also I’ll inform my local freinds over it.Gives thanks…

  5. They are the most well recognized manufacturer of today.

  6. Search Engine Optimization or SEO is usually cost less because your main goal is to increase the volume of traffic through search engines. You can submit your site to free directories, article submission, Social Bookmarking, Forum posting, Classified ads, link exchange and blog commenting are ways to improve your search engine rankings which are absolutely for free.

  7. full story says:

    most of the time, I think a police officer will come to your home and let you know that there has been an accident.. If you have to go to the hospital, then the doctor usually tells the family…

  8. Definitely truly very good website publish which has got me considering. I never looked at this from your point of view.

  9. the information on this article is really 1 of the top substance that I’ve at any time are available throughout. I really like your submit, I will arrive back again to verify for new posts.

  10. portland mls says:

    I must say that overall I am very taken with this site. It is apparent that you know you subject matter and you are passionate about it. I wish I had got your ability to write. I have bookmarked your site and look forward to more updates.

  11. I often read your blog and always find it very interesting. Thought it was about time i let you know , Keep up the great work

  12. rv parts says:

    That is fantastic. Thanks for the link. A great idea for a book!

  13. Ciao, Tom here. I totally trust what you said in the primary paragraph, but I can’t say that I agree with the entire post in general.

  14. Cool, I am the first time on this site and am really enthusiastic about and so many good articles. I think it’s just very good. :D

  15. I genuinely like your innovative angle that you have on the topic. Certainly wasn’t planning on this at the time I begun browsing for tips. Your ideas were totally simple to understand, so I pondered precisely why I hardly investigated at this in the past. Happy to find out that there’s an individual online that obviously understands exactly what she is talking about. Exceptional piece of work

  16. Lupe Raisin says:

    Your idea coincides with mine.and I think it’s better.

  17. Hi. I wanted to thank you for the wonderful facts you have posted on your website. I will definitelycome back to check it out again and have subscribedto your RSS feed. Have an excellent day.

  18. I am pleased someone chose to finally clear things up on this. I have reflected on it numerous times before. :)

  19. Maintain up the exceptional work mate. This weblog publish shows how well you comprehend and know this subject.

  20. I have recently purchased a Bernina 430E embroidery/sewing machine. Bernina is a wonderful brand and the machine is awesome. I think you would be very pleased with it!

  21. Apple now has Rhapsody as an app, which is a great start, but it is currently hampered by the inability to store locally on your iPod, and has a dismal 64kbps bit rate. If this changes, then it will somewhat negate this advantage for the Zune, but the 10 songs per month will still be a big plus in Zune Pass’ favor.

  22. When I originally commented I clicked the “Notify me when new comments are added” checkbox and now each time a comment is added I get four emails with the same comment. Is there any way you can remove me from that service? Thanks

  23. Will it be acceptable to use your feed?

Leave a Reply