I am very proud and excited to introduce my first jQuery plugin: GallerificPlus
GallerificPlus is a dynamic photo gallery with built in Lightbox functionality, and originates from the fantastic Gallerific and the jQuery Lightbox plugins. I welcome any feedback or comments on how to improve this plugin, and a massive thank you to Trent Foley and Leandro Vieira Pinho for their original plugins.
21/09/2009 Update: Released v 0.4
- Added support for jquery 1.3.2 and autoPlay feature
31/03/2009 Update: Released v 0.3
- Added keyboard navigation option to main gallery
10/13/2008 Update: Released v 0.2
- Added keyboard functions for image scrolling within lightbox overlay
10/09/2008 v 0.1
- Initial working development release, combining the two plugins
Once again. Would it be possible (and if how) just to use the lightbox function on a single image without the whole galleriffic gallery?
Trying over and over again, but cant figure it out
Hi there,
thanks for your work! Exactly what I was searching for! But still got some questions.
1. Is there a posibility to use the rollover effects provided in the original galleriffic plugin? I tried but no more images were shown..
2. What for is the second part fromt “gallery.onFadeOut…” till “fadeIn(‘fast’);
};”? If I use it, the #details div will not be displayed.. If not, all fine!?
Using this plugin @ http://www.uni-konstanz.de/fs-psychologie/version2/index.php?article_id=14
Greetz and thanks Christian
Great work on this plugin.
Has anyone had issues with ‘larger’ galleries. I’m currently seeing a lot of latency with galleries over 100 or so images.
[...] 15. GallerificPlus jQuery Plugin [...]
Hi Matt,
Thanks a ton for this great plugin…
A question, how do i resume playing the slideshow once after i have close the lightbox window.
Much thanks…
Any chance you could work in the “disableHistory” feature from the original gallerific as an option, so if the slideshow autoplays the viewer doesn’t need to hit back several times (quickly) to skip all the way back to the original loaded page before truly going back a page? Awesome work on this!
Brilliant work. It added all those functionalities it was missing in the original.
How are you keeping on the wordpress plugin? I’m currently intergrating myself but it’s a bit messy!!
Will keep this site bookmarked.
Hi!
I was wondering if it’s possible that when I hover my mouse over the thumbnails, the larger image would display… on HOVER, Not on CLICK.
Is it possible? If yes, how do I go about it? I’m not much of a jquery coder, so I’m really lost.
Help?
Hello,
Thanks for this awesome plugin man… I’ve been searching for something like this for a while now.
One thing I’ve thought of so far, is to be able to have a fade in/out between pictures… maybe using the jQuery Easing plugin??
Thanks again.
Hi Pemen
Thank you very much. You can download the updated source from the following page: http://www.mattgifford.co.uk/projects/gallerificplus/
Incredible plugin !
Can you tell me where it is possible to download GallerifficPlus ?
Thanks
Hi Chris
Thank you very much. I’m glad you like it.
As far as the license goes, feel free to add it to the company website. It was created for use wherever possible, and open source. If a link was placed perhaps as a reference to my site somewhere that would be a bonus.
Cheers,
Matt
Hi Richard
thanks for the comment. I’m currently in the process of upgrading the gallerificPlus plugin for integration with the latest jQuery release. Sorry for the delay.
Matt
Hi Matt.
First off, well done on the excellent work. This is one of the few cross-many-browser-compatible slideshows I have seen!
I’m not great on legal issues – I have read the (brief) Creative Commons license. Would it be possible to use this on a company website who are just displaying images of their product? They are a small-medium technology company who just want to display their hardware and some graphics on their website.
Thanks in advance for your response,
Chris.
jquery 1.3.2 would be a huge help – is this in the plans, or do you not plan to update it? Great work!
First off great work! I love the plugin so far as I really like the gallery-style interface. I am having a problem though with the latest version (v0.3) when I try to run it with JQuery 1.3.2 or 1.3. It works fine with the JQuery version which is packaged with gallerificPlus however I have other plugins on my page that require 1.3.2 so at this point I can’t get them all to work at once
Will there be an update coming soon to work with JQuery 1.3.2?
Thanks
James
Hi. Thank you for the comment
I’m currently in the process of turning the gallerificPlus plugin into a Wordpress plugin, so it shoul dbe available for easy integration at some point in the near future. I havent had a look at integrating it with any other galleries yet though.
Hi Matt, it looks like an awesome plugin, is it available for download?
Do you think it’s possible to integrate it with wordpress nextgen gallery?
Thanks!
Omer
Hi Tim. Apologies for the late reply.
There certainly is. I’ll post the details up on the site very shortly. Time for one more coffee first
Hey Matt-
Love your slideshow! Wondering if there’s any way to make it autoplay without requiring a click?
I have added this to our photo gallery page. The only thing I would like to do is have it start playing immediately…how do I do that without having to click the “play” link?
Hi there
Good Job on integrating lightbox. One query. Is there anyway I can adjust the zoom size of the lightbox feature? I would like to have a constant lightbox image size for all the images.
Hi There.
Awesom plugin! Exactly what I was looking for as it has the Lightbox feature.
One thing though. How do I control the Lightbox Image size when it zooms out? I would like all the lightbox image to have a constant zoomed out size.
Anyway I can control this. I figured that the config has to be in the gallerificPlus.css file but can’t seem to do it.
Appreciate your expert advise. Thanks.
Hi there,
First of all, thanks a bundle for providing such an awesome gallery, it’s just what I’ve been looking for
I’m using this plugin for a site I am building at the moment, see:
http://www.nikous.net/exp/serge/update-090324-sm/
Seems to work flawlessly on most browsers (on PC anyways), however, I’m having problems with chrome. It appears to work for the first 9-10 clicks between thumbnail images fine, then after that it works only some of the time (you click on a thumbnail or next/previous button and it doesn’t register. You have to click a few times on different thumbnails before the main image updates).
As this behavior is inconsistent (and a bit difficult to reproduce), I’m not sure how to debug it, any thoughts? Has anyone else had problems with this on chrome?
Cheers,
Nick
This is a question for Peter on the Mac – you said the plugin checked out on your Mac, including Safari, right? Can you tell me which version of Safari you are running and the OS version? I can get the plugin to function in ALL the browsers on a PC, FF on Mac but not Safari on the Mac and wanted to check in to see if you had any ideas. Thanks! Sara
Hi James
Thanks for the comment and the compliment!
As a returned gesture, I have released a quick update (v 0.3) which now includes the option to have the keyboard navigation for the main gallery (set as true by default)
You can download the updated release from the projects page.
Spread the love and the plugin word
You asked, I gave.
Cheers,
Matt
Awesome work, works great and love it.
Can you add keyboard commands to the Previous and Next buttons on the main show, instead of just in lightbox?
Hi Peter
Excellent news! I was fairly sure I had tested it in all browsers! Not on the Mac platform though. Good work on the investigation, and glad you love the plugin!
Yep, it’s only an issue with Opera for Mac. I installed Opera on my Windows VM and it worked fine. It’s the same version number as the Mac one, so I’m assuming it’s a bug in that port/version of Opera, not your stuff.
Love the plugin.
Matt,
I’m on a Mac. That could be the issue. I’d like to help figure this out if I could. I don’t see anything in the error console for either gallerificPlus or jQuery. The one thing I did see is that the gallery wouldn’t even load because of the “goto” function, so I changed it to “gothere” and got to where the navigation and initial image loaded. Now, when you click on a thumbnail (or other navigation option) it doesn’t load the other images. I’ve tested this in every other browser I can think of (IE6, IE7, FF3, Camino, Safari and Chrome) and it works great.
@Peter
What issues are you having Opera? I tested on mine and everything was working as it should.
Are you pc or mac?
I’m developing a new version of my website with this plugin, and noticed that it doesn’t appear to work in Opera. I’m also having layout issues in Camino (can’t get navigation and slideshow side-by-side). Any thoughts on when or if this will be corrected? The issue with Camino may be me, but even your demo doesn’t work in Opera.
At the moment I use the jAlbum skin for gallerific1.0
I use the skin with a changed order of navigation, caption and image ( image left, description at right and navigation at bottom ).
I want to change this skin to gallerificplus.
So I hope I could adapt an updated gallerificplus.
Hopefully you could understand my poor english.
Thanks
haichen
ps I now added a correct mailadress, but after submit I get a spamalert. I never sent spam. And I think my system is clean.
@haichen
Thanks for your message.
what would you like to see in an upgraded version?
Will there be a codeupgrade to gallerific 1.0?
Thanks for your nice work!
Hey Jirka
You can change the number of thumbs to display per ‘page’ by changing the variable numThumbs within the gallerificPlus.js file. The rest of the layout will be defined by the CSS style sheet, and whatever width and dimensions you provide the thumbnail container element.
Any problems or questions, let me know.
Hey pickupman – thanks for your comment, and really happy to hear you;re using the plugin. I love to see it in use on other sites and to hear back from developers.
Your mods look great. Good job!
Hi, where in code I may change number of columns of litle pictures? b.e. from default 3 to 2 columns?
I was using the original version of this plugin until I found this. Nice option of adding the lightbox effect. I am using it on:
http://www.mcfrederickphotography.com/smile/portfolio
I added to some of the code:
pauseLinkImage:
playLinkImage:
enablePageLinks:
to the default options. Now I can use image buttons for slideshow control, and disable the numbered page links. Just shows Prev or Next page. I am also using the UI plugin, so I am using the sliding effect instead of fading.
Thanks again for the mod of this plugin.
I think the issue is that I was rendering a web page URL instead of an image URL for the “original” element. That was causing the lightbox function to display the “loading” image. I think I need to add an additional element to the list (or something) to render what I’m trying to do.
@Hitspinner
thank you very much!
Let me know if you’re using it, and if so, send in a link to the page.
@Mashby
At first glances it looks as though the URL string is causing the problems due to the semi-colons. Have you tried replacing them with an ampersand?
index.php?action=gallery&sa=view&id=1003
It’s a Wicked application!!!
Great Job!
I had initially coded the “Download Original” link to go to our standard image view page (e.g.):
http://www.choppix.com/index.php?action=gallery;sa=view;id=1003
When I did that, I lost the lightbox view (if you click the big picture). Any ideas there?
Looks great! Fantastic!
D’oh! I thought I pasted it in here: second time might be the charm:
http://www.choppix.com/index.php?page=gplus
It works on that version. And it rocks. I was going to try and code in an additional link, too. One of these days.
Hi Mashby!
Thanks for your comment and glad to see someone else using the plugin!
Would love to see it in action if you can send / post a link to your site.
You’re right, it looks like there is a conflict with either the fadeOut/In or the ‘a’ class within the jQuery function.
It’s working very finely on my site! Thanks muchly! I have one question though. I have this code on a testing version of my site and it decommissions the gallery:
$(“a:not(:has(img))”).hover(function(){$(this).fadeOut(250);$(this).fadeIn(0);});
I’m guessing it’s a conflict with the fadeOut/In?
Hey Sunaryo!
Thanks for your comment. Glad you like the plugin, and it’s looks fantastic on your site.
Awesome!
It works very smooth on my website http://photography.web.id/.
Many thanks Matt.