Thursday, April 3rd, 2008
qGallery: Prototype gallery application
Category: JavaScript, Prototype
, Showcase
Sebastian Brink has developed a nice looking gallery application called qGallery
It is really simple to use you just have to upload your images in full resolution together with a simple xml file and include the script and a simple div into the webpage. Everything else is done automatically. The gallery is creating every used image on the fly with the help of some php scripts in the background.
It is developed on top of Prototype and a bunch of other libraries.
Related Content:
4.3 rating from 72 votes
Yeah real nice until you get more than 20 users a day and your webhost comes complaining to you that your cool image gallery uses too much processing power. How about some caching? It should take no more than 5 lines of code, and *WHY* would you want to generate thumbnails over and over again every time?
Thumbnails are not generated over and over again, the subnails are only generated when a image set is opend for the first time and stored in a cache dir on the server – after this everything comes from the cache…
this includes the skimmer graphics and the images for the lightbox view (different version for differnt user screen resolutions are created).
the scipt calls some php functions and then the function checks for a version of the image in the cache – if one is there the cache version gets deliverd…
and please notice – the scripts are still in beta and there is some stuff and browser optimization missing.
Sebastian
Don’t worry about SchizoDuckie’s comments. I bet he’d never be able to create anything half as cool as your excellent image gallery.
I too have recently been working on an online image gallery app – http://www.mobyko.com/gallerydemo/mobykogallery/index.php – aimed at helping people manage their mobile phone photos, and I know how challenging it can be to get it working well in lots of browsers. Mine was done in jquery – an excellent lightweight alternative to prototype.
Congrats on one of the best image galleries I have come across.
AJK47
My bad Y3t1, the text of the article made it look like you have no caching whatsoever implemented. In that case, i give a full thumbs up :)
As for ajk47′s direct flame: :’)
No problem and I don’t want to sound harsh or something. It’s just because my english is not the best ;)
And ajk47 that’s a nice gallery aswell :) I’ve never worked on stuff with mobile phones, nice idea! Also I’ve never worked with jquery, I think I give it a try for some other stuff. At the moment the scripts for the gallery are 54kb, packaged on the fly – with cache ;) I think that’s quite okay.
JQuery makes programming in javascript a joy. Once you have used it, you won’t want to use any other JS framework again.
It doesn’t seem to work with IE7, with debugging turned on anyway.
Line 7804, something to do with navigator.language.
Works nicely in FireFox.
@Sebastian Brink – Fantastic job!!! This is pretty slick, I totally dig the little touches with the slide bar gui and the reflections.
@ajk47: -1 for the framework plug :P
If I had to bet, most devs are very happy with the frameworks they are currently using, whatever they may be. I know I am at least :)
Well isn’t that sweet. Ya’ll three should get a room… ;)
What hostility here… I really liked it, and thanks for sharing. I’m happy that you figured it out on your own, because you must have learned a lot along the way. Good job :)
Very, very nice. It’s good to see someone developing some cool stuff for Prototype. Thanks for sharing and great job.
I have to say, that’s a nice looking script.
Nice… reminds me of .mac gallery. I’m wondering what your plans are for sharing the code? Are you planning on making it open source, a paid product, or ?