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.
April 4th, 2012 at 4:42 pm
Never mind–it’s in example-4.html
awesome
April 10th, 2012 at 9:33 am
It is not just great, It is super great.
I have lot of picture and the pagination here will be very helpful, I search a lot of time for something like this.
If you can add option that the picures will be open in something like div over the another pictures Instead of the site that even will be greater
April 10th, 2012 at 2:00 pm
Great stuff!
I did notice one error in this example and downloaded code. When you click on a photo the error is: “e is not defined”
http://www.twospy.com/galleriffic/example-4.html#bigleaf
thanks again!
Jamy
April 11th, 2012 at 6:17 pm
How can I add a “ken burns” effect to gallerific? (Meaning a smooth, automatic pan-n-zoom on each slide).
April 12th, 2012 at 9:38 am
Hallo.
I need help from you.
I want to disable switching to next image when I click on the big picture in the gallery.
Thanks for your help.
April 16th, 2012 at 4:13 pm
hey, it’s such a great script, but yet, need to be improved for installing. I just want make a loop, when the slideshow finishes it should start again.. how can i do that??
April 25th, 2012 at 6:15 pm
im using this gallerie on a site and i need to use a jquery cycle plugin, when i do that the gallerific doesnt work. how can i fix that?
April 27th, 2012 at 3:43 pm
Can you explain How can i add more effects to gallery?
April 30th, 2012 at 11:27 am
Thanks so much for this script — I used it in a gallery website for an artist friend. I’d like to use it again for a website I’m putting together for an online t.v. station. Can you use youtube links in the gallery instead of images? If so, how? (I tried just putting the link in but it didn’t work). Regards, Cheryl
May 2nd, 2012 at 6:27 am
Very nice gallery slideshow, but how to resolve the conflict that it makes with Go Back browser button?
When I use Galleriffic, the Go Back button of the browser does not work, what to do to make them both work?!
May 4th, 2012 at 5:23 am
Hi I would like to know on how I can implement the onmouseover it will pause then on mouseout it will play again
May 8th, 2012 at 9:39 am
How do i get the herf or img src from the image that I select? Thanks!
May 8th, 2012 at 7:17 pm
This is an awesome slide show Trent! I really love it. Glad I found it, I’m using it for my client’s site! – but, I’m having an issue… How can I make it so that when I mouseover a thumbnail, it will change the slideshow to show the image related to the thumbnail. Is that possible?
Thanks for any suggestions, they would be deeply appreciated!
May 9th, 2012 at 1:34 pm
I am trying to build a gallery: Thumbnail rollover effects and slideshow crossfades, but I would like to turn off the function of changing the picture, if I click on the bigger picture. I should stay the picture. please help, thanx
May 16th, 2012 at 8:08 pm
Love it in Firefox, but in IE- When you click on a thumbnail photo- it stalls out- the error is: “e is not defined”? Any thoughts how to fix this?
May 18th, 2012 at 9:01 am
I feel this is one of the so much significant information for me. And i am glad reading your article. However should observation on some normal things, The site taste is great, the articles is in point of fact excellent : D. Excellent task, cheers