Stream

Max Kiesler's entrance page and activity stream from all my blogs

Blog Archives

All of the posts from Max's main blog

DesignDemo

Demos of web interface and interaction design

Vizlist

View all of our media

mHub

Ajax, rails and other coding examples & how-to's

Labs

My personal work, or work in progress

About

Learn more about Max

News

Stay up to date with Max

Blog Comments

AJAX Image Gallery Example - Alpha Release

feed icon Subscribe

Saturday, October 01, 2005

We're pleased to provide an alpha release of two examples of AJAX image galleries by Max Kiesler and Emily Chang of Ideacodes. One uses PHP and MySQL and the other requires no database and simply pulls images directly out of a designated directory on your web server.


SPECIAL NOTE:
The source code for aPop and footoo have now been released. Please see my post here.


Both of these are extreme alpha developer releases. These two examples are really mash-ups of existing code to show what is possible. There are many things to fix and finish on both scripts. Many of the xmlHTTPRequests have not been implemented yet but we hope to have time to do it in the next few weeks. We're releasing this now so others can hopefully aid in the development. Below is a shortlist of possible additions to development.

The first gallery, aPop, is based on Andrew Sutherland's AJAX periodic table. This gallery uses Andrew's original code which includes a simple database editor and admin interface. The admin lets you add images titles and descriptions. It uses PHP and MySQL to store and retrieve the images with some help from AJAX. The page pagination does not use AJAX at this point but will in the next release.

The second gallery, footoo, is based on a combination of filenice and Andrew's script. This gallery has a bit more functionality than aPop and pulls images directly out of a directory on your web server. Again, some of the AJAX calls are missing in this version but will be implemented by beta. The biggest missing element in this gallery is the page pagination. I'm currently working on this. The original filenice search is still working however the page preferences are currently disabled. Titles and descriptions will also be added by beta through an xml file with an online editor.

Development wish list:
Tagging
Additional integration with APIs (publishing to flickr, blogs)
Geotracking of photos
Mapping
Pagination
Comments
Uploader
Bulk editing
Categories for galleries

If you're a developer and would like to help on this project, please contact us. We would appreciate and publicize all development help!

At this time, we're not going to offer a downloadable version of either gallery until beta, but if you would like a copy of the code for footoo or aPop feel free to email us and we'll send you the source code.

Please let us know if you have any feedback about the galleries. Enjoy : )

SPECIAL NOTE:
The source code for aPop and footoo have now been released. Please see my post here.


[Technorati tags: , , , ]



Comments on this post


Lee Seung Cheol  on  02/15  at  04:22 AM

give me [ajax gallery]…


Karla Fernandes  on  03/05  at  08:47 AM

give me [ajax gallery]… too!!! smile


Cecilia  on  03/20  at  12:03 PM

Hi, i’m from Argentina.
And I want to know if it’s possible that i get the source code of the periodic table example.
Please let me know to the brevity

Thanks a lot

Cecilia

sory about my english…


Paul  on  03/31  at  02:50 PM

Where is the link to the AJAX script?

Thanks :D


Pardocorp  on  04/04  at  07:44 AM

Hi i need it too, please share rasberry


Lalitha  on  04/06  at  12:14 AM

Your Ajax gallery was too good.Please do send me the source code.


DesignStage.Net  on  04/13  at  05:00 PM

great work on ajax...ajax is the in thing!!


Sumeet Wadhwa  on  04/15  at  07:08 PM

great ajax resource!! ..thanks


Harry Maugans  on  05/28  at  09:46 PM

Very nice!


guguniao  on  06/06  at  11:12 PM

Your Ajax gallery was too good.Please do send me the source code(aPop and footoo). Thanks!


Como Molo  on  06/14  at  03:46 AM

May I have the code for these examples please?

Thanks!


Pablo Cardozo  on  07/02  at  06:04 PM

give me [ajax gallery]…

Pd: sorry for my level poor of english, copy and paste another comment…


Duncan Lam  on  07/07  at  01:48 PM

I would like to get a copy of the source code of footo!  thnx


martin  on  07/08  at  02:42 PM

Could you send me the source of those exaples?

Thanks!
Greetings


jimy  on  07/28  at  11:10 AM

nice gallery (:
want a copy (:


Hans Lee  on  09/22  at  02:58 AM

awesome! can i have it too?


Paul  on  09/25  at  07:19 AM

Comprehansive, and compact~~

Please give me your code, thanks~


Nick  on  09/25  at  08:55 PM

Hi this script is perfect. The new ajax technology along with the clean style of the entire application would work great on my friends new blog page. If it’s no trouble could I possibly get a copy of the source. Thanks in advance.


Kate  on  10/03  at  07:58 AM

Please would you send me the source code for the aPop gallery...it looks fabulous
Thank you


Mal  on  10/03  at  07:53 PM

I too love it.. Please send me the source code for aPopGallery and or footoo gallery.  TY!!


steve  on  10/05  at  12:30 PM

Simple and clean, i like the gallery, could I also get a copy.

thanks smile


steve  on  10/05  at  12:32 PM

forgot to put which one, the apop gallery, thanks


mortza  on  10/08  at  06:33 PM

nice blog and good post tanx


morteza  on  10/08  at  06:37 PM

nice blog and good post very tanx


m  on  10/15  at  11:16 PM

thanks for the low down. Nice idea boosters for websites and other ajax applications. cheers.


Micael  on  10/31  at  11:20 AM

Great Ajax photo gallery.  Is it possible to have the source code for footoo.
Thanks


Cade Collister  on  11/02  at  12:12 PM

I’d like a copy of footoo source please. Thanks! Cool stuff.


Greensboro Wedding Photography  on  11/03  at  03:46 PM

Great post. I need to get a copy as well.


ani  on  11/10  at  12:14 PM

gr8 i need to c it ...


Dejan Durac  on  11/19  at  01:32 PM

Hi
If possible, I would like to have the source. Please send it to me om my mail. Thanks in advance.


Ajax Photo Gallery  on  11/25  at  06:21 PM

Very nice work


Flav  on  12/11  at  08:53 AM

Would love to implement this gallery on the photography site I manage. Not for sale, just for show. If possible, please email me with the source or download instructions.


didikyudono  on  12/22  at  08:15 AM

It’s brilliant. can you send me the source code? I want to learn how it works. perhaps i can make mine. thanks


peter  on  12/22  at  03:44 PM

Hi there
I like your script,
can you send me the footoo pls


Johann  on  01/08  at  04:18 AM

A very nice gallery. Is it possible to send me the source code


Sathish  on  01/14  at  06:50 PM

Your Gallery is a great one. Please do share with me.


H  on  01/25  at  02:15 PM

Hi,

If possible, I would like to have the source. Please send it to me on my mail.


max  on  02/26  at  03:15 AM

Thanks for all of the great comments. The source code for aPop and footoo has now been released. Please see my post here.


sahadeva  on  02/26  at  02:44 PM

this is great, thanks so much for sharing!


FP  on  02/28  at  02:22 PM

Nice gallery! Interesting blog!

You can find one more AJAX Image Gallery example at

http://www.featurepics.com/Editorial/ajax-gallery.aspx
This example shows how to build an image gallery using ajax technique. Code and examples are provided.


Post a comment

Name:

Email:

Location:

URL:

Remember my personal information

Notify me of follow-up comments?

Submit the word you see below:


Stuff

Subscribe

  in a reader
  by email

    

About

Max Kiesler is an award-winning strategic designer and co-founder
and principal of Ideacodes.com, a web consultancy in San Francisco focused on next generation websites. About Max...

My Latest Twitter

10-05 7:18
@sacca - Been there with the gas station egg salad problem. I'm vegan now, but I would still consider those tasty sandwiches a weakness. :)