Galleriffic 2.0

Say hello to Galleriffic 2.0.

For first time readers, Galleriffic is a jQuery photo gallery optimized to handle high volumes of photos while conserving bandwidth.  h0bbel has posted a nice read on some of the benefits of Galleriffic over other photo gallery scripts.

New Features

  • Keyboard Navigation
  • Support for synchronized transitions (image cross-fades)
  • Ability to add or remove images after the gallery is initialized
  • Support for custom hash identifiers (when using history)
  • Better API to make it easier to customize
  • Smarter pagination
  • Integration with the jquery.history plugin for history support

Warnings to users attempting to upgrade from version 1.0

  • The onChange event in 1.0 has been renamed to onSlideChange.
  • All transition event handlers have new signatures, so you will need to make sure to update any transition event handlers you have implemented.
  • Using synchronized transitions requires changes to your stylesheet – primarily the additional of relative and absolutely positioning so that two images can occupy the same space at the same time.

There are now 5 examples, each builds on the previous.  For a visual treat, check out the last example, whose colors I inverted.

Tags: , ,

This entry was posted on Monday, October 26th, 2009 at 11:05 amand is filed under . You can follow any responses to this entry through the RSS 2.0 feed. You can skip to the end and leave a response. Pinging is currently not allowed.

1,011 Responses to “Galleriffic 2.0”

« Older Comments
  • Eve Says:
    April 18th, 2013 at 4:12 pm

    This is one of the sites I have used your excellent gallery for. I have a question:

    I have been trying to make the images respond to window size changes, width:100%; etc. I can’t get it to work, no matter what I try. Any suggestions?
    THANKS! Gallerific is the best gallery, and I have made a slider for the thumbnails, if I could get it to resize I would be thrilled.

  • Ted Says:
    April 18th, 2013 at 5:10 pm

    I’d love to donate if I could figure how to make it work…..What downloaded js files go where??

  • Todd Says:
    April 19th, 2013 at 12:03 pm

    Is there any way to add sorting to this in the parameters? Like sort by date or filename, ascending/descending?

  • Weslley Says:
    April 29th, 2013 at 5:04 pm

    ie is blocking the content. what do I do?

  • Weslley Says:
    April 29th, 2013 at 7:33 pm

    Sorry! I put the site on the net and it worked fine in IE. Congratulations!!

  • Wilm Says:
    May 1st, 2013 at 4:57 am

    Hi,

    love your code. However, I want to file a little “bug report”. It seems that your use “$( selector )” for finding the controls etc. You should use “$(this).find( selector )”.

    I want more than one gallery in a page, thus you code isn’t working properly.

    However, thanks for your work.

  • Ben F. Says:
    May 8th, 2013 at 6:50 am

    is there a way to show the image on hover?

  • Ben F. Says:
    May 8th, 2013 at 8:44 am

    I replaced all instance of ‘clickHandler’ with ‘hoverHandler’ on the jquery.gallerif.js file.

    It now shows the image when the respective thumbs are hovered. Thanks for an excellent package.

  • vincent Says:
    May 9th, 2013 at 1:11 am

    Hi
    thanks for your great script I used for years.
    Unfortunatly, it seems not be full compatible with jquery 1.9.0
    Is there an upgrade in the future portable?
    It would be realy a nice think for all users of your script .

  • vincent bourganel Says:
    May 9th, 2013 at 3:51 pm

    hi
    thanks for this great script I used for years with zenphoto cms.
    unfortunatly, your script seems not be compatible with jquery 1.9.0.
    An upgade of your script would be appreciated for all users.

  • Norbu Says:
    May 22nd, 2013 at 12:31 pm

    the hover effect is not supported by google chrome

« Older Comments

Leave a Reply