Sliding AJAX Photo Browser

Original Photo Browser

Buy Print Photo Browser - Basic

Above is the original photo browser for the print details page on any Instaproofs photographer website. It highlighted the previous, current, and next photo for an event category and the previous and next images were also links to the actual print details page and if clicked would result in a new page request. Very clean, simple, and effective. You could browse the prints quicker with a search or category page, which also resulted in a new page request.

Sliding AJAX Photo Browser

Buy Print Sliding AJAX Photo Browser

Buy Print Sliding AJAX Photo Browser - Next

This is the updated photo browser for the print details page. Initially, the photo browser looks identical to the original version. When the page is loaded several additional print thumbnails from the event category are included in the hidden overflow. Then as you mouse over anywhere on the photo browser the previous and next buttons show up without red background and then turn red as the mouse cursor moves over each button respectively.

Clicking on either button, using JavaScript ( jQuery ), the viewing widow slides in the direction indicated and request up to two additional print thumbnails, via an AJAX call ( jQuery ), which are also links to the actual print details page shown.

History

This was a task from 2011 that I did for instaproofs.com.

Tags:

Related Posts

Django Class Based Views + Mixins

For the pass two years I’ve been developing in Python with the Django framework and I have thoroughly enjoyed. As much as possible I have attempted to build tools that follow the DRY, Don’t Repeat Yourself, principle. With Django 1.3+ they released Classed Based Views Classed Based Views (CBV), which, in my opinion lend themselves more to generic applications than do the Function Based Views Function Based Views (FBV).

Read More

Super Dad

My daughter, Olivia, has of late been growing like some plant that has been sprayed with Miracle Grow. Which also means nearly all of her clothes are too small and most of the jeans have holes in one or both of the knees. In addition to that she has been really into wearing dresses lately so she’s been looking kinda hussy and creates a problem when Raylene or I tell her she can’t wear her favorite clothes because they are too small.

Read More
Browserpass: The Full CRUD

Browserpass: The Full CRUD

So much of the Internet is based on open source tools and technology that are free to use, which we can often take for granted. The next time you use an open source or free tool off the Internet, think about what you can do to help keep it that way.

Read More