AJAX Picture Gallery using jQuery

I have been longing for a custom picture gallery for quite some time, to showcase my pictures, but did not want to go for a ready made solution like Coppermine or Gallery. Sure these are great products with endless features, but would not give me that MADE BY MYSELF feeling :-) So I decided to tinker with Prototype and Script.aculo.us , to see if any good carousel is available which I can use as an image slider. I had previously used YUI Carousel by Bill Scott of Yahoo! but did not want to use it because it was way too heavy and hence slow to load initially. So I decided to take a look into jCarousel by Sorgalla which is based on the excellent jQuery Javascript framework. Both jQuery and jCarousel are very lightweight, feature packed, customisable, and contain almost all, if not all, the features of prototype and scriptaculous.

So after a little toying with the carousel and learning a few cool effects of jQuery , I made up http://gallery.naveeng.com . Right now it is very very basic and it’s development is still under progress. I will be adding a lot more features to it, which include:

  • Multiple Albums
  •  Admin Panel
  • User Comments
  • Ratings
  • Last Added Pictures
  • Random Pictures
  • Tags

It may take a lot of time but one day all the above features (plus a lot more!) will be there for sure! The gallery has a lot of jQuery JS code, with the image details stored in XML format on the server. The server side scripting and image manipulation are done in Perl using the fantastic PerlMagick API of ImageMagick .

Spread the Word:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Slashdot
  • Netvouz
  • description
  • blogmarks
  • Furl
  • IndiaGram
  • IndianPad
  • Reddit
  • Simpy
  • e-mail
  • Facebook
  • Google
  • Live
  • Technorati
  • YahooMyWeb
  • TwitThis

RSS feed | Trackback URI

3 Comments »

Comment by Adardesign UNITED STATES Mac OS X Mozilla Firefox 3.0.1 Subscribed to comments via email
2008-08-19 19:30:56

Hi! where can i get this wonderful xml ajax jquery gllary?

Where can i find explanation what to customize?

Thanks so much!

Comment by Naveen INDIA Windows XP Mozilla Firefox 3.0
2008-08-21 08:29:28

Hi,

First let me apologize for not yet being able to fulfill my promise of finishing the gallery with the features mentioned above. Thanks for appreciating my “so-called gallery”! Its actually nothing but a mashup of sorts which i created using the jquery, jcarousel (http://sorgalla.com/jcarousel/) a few little perl scripts for backend processing, some data saved as XML file and some custom javascript.

You can see the latest version (though still long way away from being a complete bug-free product!) of this gallery at http://gallery.naveeng.com/trek.html where I tried to implement comments system for each picture and also made the carousel vertical instead of horizontal. Lots of chinks remain which I’ve not got the time to fix yet, unfortunately. I’ll be finishing it over soon and try to release a simple-to-install version which would require Perl to be installed on the web server. Maybe later php could be used.

 
 
Name (required)
E-mail (required - never shown publicly)
URI
Subscribe to comments via email
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.

Trackback responses to this post

184706 pages viewed, 234 today
80500 visits, 135 today
FireStats icon Powered by FireStats