Skip to content

Getting all hopped up on javascript

posted by Eric Puidokas January 24th, 2007

I had a project I’ve been meaning to work on for quite some time. About a year ago there was a wave across the internet (especially the Web 2.0 community) for javascript galleries (ex. lightbox). Most of the javascript galleries I have seen are for use in a thumbnail gallery. You click on a thumbnail and your larger image [insert animation here] onto the screen. There were many different styles and they all had their own advantages.

What I felt was missing was something just as simple and elegant, but for galleries that you want to page through. An example might be a photo story where you would want to see every image fullsize and in sequence. This often meant clicking “next” and loading a new page for every image. Well those days are over…

Introducing the all-new, super-simple, FrogJS javascript gallery. All you have to do is code your page like you would a thumbnail gallery, include the script, and instantly you’ve got a FrogJS gallery.

What is a FrogJS gallery?

It’s a lot easier if I just show you. Here’s an example.
Here’s a page with an in depth description.

Why is it called “FrogJS”?

I don’t know. I just like frogs I guess.

How can I put it on my site?

Here’s a zip of all the files you’ll need plus the example gallery. I plan on eventually creating a section on this website with a little more explanation of how it works. It’s pretty simple though, so if you’re semi-experienced in HTML, you should have no problem using the script.

Questions/suggestions

If you have any problems with the script, feel free to email me at eric@puidokas.com. I have a feeling I’ll be releasing version 1.1 pretty soon once I discover more bugs.

Special Thanks

This script was made possible by the creators of prototype and script.aculo.us. These are two of the easiest to use javascript libraries out there. If you’re interested in creating your own javascipt projects, I strongly suggest you take a look at using those libraries.

Comments Post a Comment

Joe Sak says... January 26th, 2007 at 3:50 pm

This is awesome, Eric! I dugg it for you!

FrogJS: A new twist on LightBox -- Joe Sak - a web programmer’s blog says... January 26th, 2007 at 4:06 pm

[…] Eric just released a phenomenal bit of javascript called FrogJS. Basically it allows you to do paging between your pictures in a lightbox-type gallery. […]

Post a Comment

Extra information for this entry