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
85 Comments on "GallerificPlus jQuery Plugin"
Awesome!
It works very smooth on my website http://photography.web.id/.
Many thanks Matt.
Hey Sunaryo!
Thanks for your comment. Glad you like the plugin, and it’s looks fantastic on your site.
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?
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.
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.
Looks great! Fantastic!
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?
It’s a Wicked application!!!
Great Job!
@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
@Hitspinner
thank you very much!
Let me know if you’re using it, and if so, send in a link to the page.
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.
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.
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?
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.
Will there be a codeupgrade to gallerific 1.0?
Thanks for your nice work!
@haichen
Thanks for your message.
what would you like to see in an upgraded version?
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.
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.
@Peter
What issues are you having Opera? I tested on mine and everything was working as it should.
Are you pc or mac?
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.
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.
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!
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 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
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 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
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
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.
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?
Hey Matt-
Love your slideshow! Wondering if there’s any way to make it autoplay without requiring a click?
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
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. 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.
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
jquery 1.3.2 would be a huge help – is this in the plans, or do you not plan to update it? Great work!
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.
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
Incredible plugin !
Can you tell me where it is possible to download GallerifficPlus ?
Thanks
Hi Pemen
Thank you very much. You can download the updated source from the following page: http://www.mattgifford.co.uk/projects/gallerificplus/
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!
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?
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.
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!
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…
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.
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
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
Love the plugin. Was working fine until I modified my system and developed friendly URLs, which requires the base href to be set.
Is is possible to work around the base href issue? With a base href set GallerificPlus doens’t work, however if I turn it off many of my other page functions don’t work.
I’m working in ASP and my base href is set with variable like so:
<base href="”>
Thanks,
Penny
Hi Sunaryo,
I’m wondering how you fixed the galleriffic into wordpress.
Did you use a plugin or you made all static?
Thanks
Riccardo
Is there an easy way to implement fancybox http://fancybox.net/. Awesome plugin.
Hi!
Here comes a storm of questions and suggestions:
Which version of galleriffic did you fork? It seems to be quite different from the current galleriffic version?
How can I stick previous/next events to custom html-elements like I can do with the original. There are no gallery.next()/prev() methods…
The baseurl thing penny talked about in the comment above mine is also very important! I made a patch for an old version of the original galleriffic. If I find it again I will send it to you.
Have you ever thought of working together with Trent (the galleriffic guy)?
If you join forces galleriffiPlus or how the thing would be called in such case could become the killer gallery!
I could throw the making of a typo3 extension into it. I made a quick n dirty one for the original galleriffic plus provide a really nice and clean “theme” based on the work I currently do for the relaunch of http://www.craft2eu.net. (Will be online before christmas if nothing bad happens
Greetings
Jo
Hi,
I try to use this plugin, but i meet a problem.
I am downloaded the zip of the plugin, and run the example in FF. All works perfectly but the caption texts only blink on changing the slide. (shows up and than disappear).
I want to be visible these texts all the time, not only on the first show. (because when you access the first time the slide, the text is visible, but on the next time only blink up and disappear)
Thanks,
Lorand
I can back Lorands problem. The whole details container fades in and immediately out with each new picture after the slideshow starts. This happens in Firefox 3.5 and 3.6.
However, IE8 behaves correctly and leaves the container in place and only changes the contents.
Matt, can you confirm this behaviour?
Haven’t found a cure yet, but I am looking.
Been looking for a slideshow + lightbox-style solution for some time now. And this is what works best at the moment, so I am trying to de(fire)bug
Thanks, Kostas
Hi Matt
Nice work, but infortunately GPlus does not work properly on Mac with Safari, although original Galleriffic worked fine.
You have first to click on the image container to get the image rendered.This for every single image.
The Lightbox works fine.
Any chance to have it fixed?:-)
How do I download this script? I don’t see a link anywhere on this page.
Hi Matt,
Is it possible to run multiple GPlus galleries on a page? If so, do you have an example somewhere?
hi Matt,
can you explain me how to fixed the galleriffic into wordpress?
because i really love this plugin..
thanks
@Mamo
thank you very much. GallerificPlus is something I’m very proud of.
I started transferring the gallery into a WordPress plugin, but was unable to complete it in this instance due to time restraints.
An updated version of GallerificPlus will be released soon, and so I’ll probably start looking into developing a WP version again after that release.
Hey — This is terrific! This is exactly what I was looking for.
I have a question — Is there a way to control the size of the lightbox in the screen? That is, I’d like for the lightboxed image to scale down to a percentage of the screen size. Does that make sense?
I found this, which seems to discuss adding max height/width to lightbox, but I don’t understand how to use this info in conjunction with GallerificPlus.
http://geekswithblogs.net/wojan/archive/2009/06/17/jquerylightbox.aspx
Ideally, I’d like the image to scale to a maximum of 90% of the user’s window — so there would not be the scrolling to see the image. Hope this makes sense.
Thank you so much!
Trackbacks for this post