05 Mar

Galleria – Simple but Nice jQuery Image Gallery

GPL License, Gallery

Leave a Comment

jQuery, jQuery, jQuery, jQuery again. There are lots of nice application written in jQuery. Galleria is a javascript image gallery written in jQuery. It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. It will create thumbnails for you if you choose so, scaled or unscaled, centered and cropped inside a fixed thumbnail box defined by CSS. The core of Galleria lies in it’s smart preloading behaviour, snappiness and the fresh absence of obtrusive design elements. Use it as a foundation for your custom styled image gallery.

Above is a demonstration shows you some more advanced effects you can accomplish with the Galleria plugin. The history object is also active that you can click the back button in your browser and bookmark a page. The next and previous links are simple to create since the galleria object has two public functions for traversing the images in your list.

Requirements: jQuery Framework
Demo: http://www.monc.se/galleria/demo/demo_01.htm
License: GPL 3.0 License

Sponsors

Comments

http://www.malepenisextender.com/ penis enlarging

nice one! think I’m going to love this and keep coming back
http://www.healthyscript.com โหลดเพลงฟรี

A very nice gallery useful to designers…. Creative thoughts…. Thanks for share
http://www.xn--72cza4b7ack6a2d6hsa.com โหลดเพลงใหม่ฟรี

Thank you for everything. Very useful art and desing
http://www.isanpr.com ร้าค้าออนไลน์ store online

Wow!! nice thank you
http://www.esanpr.com online music stations

Is there a way to take off the URL from displaying the image path on the address bar?
http://www.dhcmekoe.com เว็บโหลดเพลงฟรี

This is Amaazeing…………….But i think its not work with jquery.1.3.2.js.

Thanks in advance.
http://www.esanpr.com online music stations

This is Amaazeing…………

Thanks in advance.
Sean

This jquery app is DEAD DO NOT USE IT

Try loading the demos with google chrome, or even FF 3.5+, you will get UNDEFINED errors. I spent hundreds of hours trying to fix this! AVOID AVOID AVOID
ugurarcan

@nick and @scottwell for those of us who doesn’t understand jQuery, can you be more descriptive on how to fix the Chrome issue of it not loading the first picture?

Demo doesn’t work properly either. I can’t believe after all this buzz on many sites, they haven’t updated the code. Such a nice code otherwise.

Thanks.
T Reagan

@ugurarcan – you can place class=”first” for the li containing the image you want to load first. Works in Chrome.

The demo works fine as well. This is a free piece of source that someone put a lot of time in. Your vitriole is misplaced. If you have an expectation that all free software should work precisely as you want it to forever, you’re flatly incorrect. As always in open source, if you have a problem witht he code, fix it!
ugurarcan

look @TReagan idk what part of ‘for those of us who doesn’t undestand jQuery’ you don’t understand… If i did, trust me i’d fix it u smartass… Demo in Chrome does NOT work, first image disappears right after you run the page. Nobody has to do it, I just said with how many times this issue was brought up and how some people are so gracious to provide free solutions, I was surprised that this issue is still going on. u have no idea how much research i did online about this.

Oh btw, if you change the ‘true’ value to ‘false’ for ‘history’, the issue goes away. And who tried to fix it after a lot of research, ME! Don’t talk to me as I just want others to work for me but i can’t code so all i can do is teach myself and learn common errors and try fixes.

smartass… you know what ‘vitriol’ means? ‘Bitterly abusive feeling or expression’ not my previous msg but this message is vitriol toward people like you!
ihaveadog

Hey ugurarcan

I feel your pain. I was looking around for a fix for this Chrome problem. I thought it might be a css issue. Your history fix worked! Much respect.
http://www.havsong.com โหลดเพลง

wonderful jquery work as well
ugurarcan

@ihaveadog thanks! i’m glad it worked for you as well. I can’t take all the credit for the solution but it is combination of many things after a long research. it is a great code, i would’ve hated to see it not working on Chrome thanks for the FYI. Appreciated!!
http://www.havsong.com โหลดเพลง

Great idea , Thank you for your share!
http://fvcheats.com sindery

I like this gallery.
http://www.bdchatsites.com Md Mazaharul Huq

I am very much please to see such a gallery.Thanks to you
http://www.variety2day.com/ เว็บโหลดเพลงฟรี

very nice sharing
http://www.stylesindia.com stylesindia

i bookmarked it ! thank you for sharing.
http://www.thaihottime.com/clip ดูคลิป

thank for tools I like it
http://www.songlike.net ฟังเพลงออนไลน์

thank for your script
http://www.noonoob/dara/ รูปดารา

very nice gallery it is beautiful, thank you
http://www.akeibo.com Jesus Flores

I am looking for a replacemente of Galleria.js because I cant get it working with Vista+IE8. Somebody has a FIX for this.
http://www.akeibo.com Jesus Flores

I got this fix for getting jQuery Gallery working on IE8 + Windows Vista.

1. Get the galleria code outside from:

jQuery(document).ready(function(){

//your code here

});

2. Load Gallery in this way:

var interval;

Galleria.loadTheme(’/js/galleria.classic.js’);

interval = setInterval(’loadMyGalleria()’,1000);

function loadMyGalleria() {

if ($(’#galleria > div’).size() == 0) {
$(’#galleria’).galleria({
image_crop: true,
transition: ‘fade’,
transition_speed: 1000,
data_config: function(img) {
return { description: $(img).next(’p').html() };
}
});
clearInterval(interval);
}

}

3. Enjoy it (if it works for you)
http://www1.yushare.com ฟังเพลง

Thanks a lot for this Very nice gallery.,
i used it for my blog,
great job, anyway ..
http://www.thefunstufftodo.com John

Thanks for the nice gallery!
http://allaboutcms.blogspot.com/ jeterboy

so simple but really nice image gallery.
http://www.rendering-brisbane.com.au/ Rendering Brisbane

Your gallery here is the best by far
Nathan

thx for your scripts! but it not works in ie6, and your demo in website does not work too…please give me some help.

it just show the thumbnails, the image is disappear.
Sokhorn

This is awesome and I am going to use this. Is there a way to prevent the URL from displaying the image path on the address bar?
http://www.egtagames.com gtagamer

I use this gallery in my site. very nice.

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact