Javascript, jQuery

Amazon like Product Gallery with Prodigal

I recently had a need to create a product gallery like on Amazon capable of using images and videos and having a filter for showing one or the other, or both. So I went off, procrastinated about it for about 3 days then made it in about 1.

I have called it: prodigal.

You can find the GitHub repository to fork, love etc here: https://github.com/Sammaye/prodigal.

The browsers I have tested this on as working are:

  • Firefox (latest)
  • IE (7 and above)
  • Safari 5.1 and above
  • Opera 12 and above
  • and Chrome (latest)

All you need to do to get started is to look at the example.html page within the repository and you can use it, for example:

$('.some-thumbs').prodigal({ //options });

With .some-thumbs being a class that is on all the thumbnails you wish to enter prodigal.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s