Gallerific (FREE)

Adendum · Post by **Adendum** » Thu Apr 12, 2012 3:37 pm

This extension is based on Trent Foley's jQuery plugin. Original code here. Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimised to handle high volumes of photos while conserving bandwidth (he says).

Features
• Smart image preloading after the page is loaded
• Thumbnail navigation (with pagination)
• jQuery.history plugin integration to support bookmark-friendly URLs per-image
• Slideshow (with optional auto-updating url bookmarks)
• Keyboard navigation
• Support for image captions
• Graceful degradation when javascript is not available
• Support for multiple galleries per page

Demo available.

Have fun - but read the help file first!!!!!!!!!!

Available from the main extension site or from my demo site.

docdoc · Post by **docdoc** » Thu Apr 12, 2012 5:22 pm

I'm asking this with respect... and not necessalily from Adendum but in general: what is the point in creating and having 1000s of image extensions?

Adendum · Post by **Adendum** » Thu Apr 12, 2012 5:47 pm

In this case I was asked for it.

docdoc · Post by **docdoc** » Thu Apr 12, 2012 6:10 pm

I didn't intend to open a new thread for this question. Ok. Take it as a question to you.
Don't misunderstand me. I know it takes time and effort to build an extension. But every second ext. builder person builds an image extension. Why?

zinc · Post by **zinc** » Thu Apr 12, 2012 8:25 pm

docdoc wrote:I didn't intend to open a new thread for this question. Ok. Take it as a question to you.
Don't misunderstand me. I know it takes time and effort to build an extension. But every second ext. builder person builds an image extension. Why?

Sorry DocDoc but as Paul said he was asked for it. you as it happens I too am making another slideshow as a customer has specifically asked for it. Now paul has been good enough to share it with the rest of us who can benefit from it. I think a simple Thank you would be nice. Most of the extensions I make are for a client site that is why I never advertise them on my site.

@Paul I love the work mate. Thank you.

Adendum · Post by **Adendum** » Thu Apr 12, 2012 8:57 pm

Out of the 18 extension I have released so far:-

Code: Select all

Anything Slider - a slider for all types of content.
Automated Tooltip - an alternative to a basic glossary page.
Background Resize - image related but specific to background images.
Chained Selects - a navigation tool.
Elastic Thumbnail Menu - a navigation tool.
Gallerific -  image related; a gallery.
Image Information Panels - clickable information pop-overs.
Image Swap Menu - a navigation tool.
Kick Butt Mega Menu - a navigation tool.
Orbit Slider - image based slider.
Photo Info - clickable information pop-overs.
PHP Directory Listing - a tool to display the content of a folder.
Simple Horizontal Accordion - an accordion to take text or images.
Slide Down Box Menu - a navigation tool.
Stacked Images - image based presentation of a stack of images.
Super Sized Slide Show - image based full screen slideshow.
Tab Slide Out - like a sticky layer with some extras.
Text Panel Slide Show - image based slider.

only 5 or 6 are image based - sliders or galleries, that's about 30%. More to the point the bulk of them have been requested in some form via the "Suggestions for an Extension forum" the rest I have created because I have used them in varying degrees over the years and an extension makes them easy to implement again, so I decided to share them to make life a little bit easier for the next person.

If I come across a site that does something unusual - even if it is a gallery or slider or carousel - and I like it and think it could be useful, I'll track down the author and get their permission to build an extension. Take Chained Selects as an example. This was a general query about how to achieve the end result and I posted the correct terminology and the thread expanded to talk about the version on the Dynamic Drive site, which turned out to be unusable because they don't allow that so I contacted Xin Yang, the original author, and he said yes and gave me the latest version - 3 weeks later you all got the extension and so far 1175 people have downloaded it.

Likewise if I come across a problem or issue that can't be easily resolved with native WWB tools I'll research and see what is out there. If my problem is solved and the resource that helped me solve it allows me to I will create an extension for others as well. But more often than not the extensions I build are a direct result of a WWB user posting a request based on what they have seen somewhere.

At the end of the day someone somewhere wants something and much of it will be image based. Take little old Orbit Slider - not that impressive but 8446 people have downloaded it. Text Panel Slide Show 3230 downloads. None of these have record breaking downloads like Naval's amazing DBTS Forms Processor at 11,925 downloads (a truly awesome extension) but if people keep making suggestions and I think I can make them into an extension and I have the time, I'll do it. As my demo site says I will do custom one-off unique extensions at a price if someone asks but I am also quite happy giving back to the community and will continue to do so.

So, if you have an extension in mind you know where to post.

And, NO, I haven't taken offence. I just don't understand why you bothered posting such a question.

haakoo · Post by **haakoo** » Thu Apr 12, 2012 9:33 pm

I for one like this image presentation extension
Well done Paul

docdoc · Post by **docdoc** » Thu Apr 12, 2012 10:13 pm

Just wanted to know what the major deal was about images all the time.

Adendum said: "... I just don't understand why you bothered posting such a question...."

Well, I was just curious.

madebyibloo · Post by **madebyibloo** » Fri Apr 13, 2012 9:02 am

Nice work Paul! as always, without fail! Thanks!

Cheers,
Scott

jordan · Post by **jordan** » Sun Apr 15, 2012 6:37 am

nice one again ...
+TNX for your Index update mail Adendum .

.

ColinM · Post by **ColinM** » Sun Apr 15, 2012 7:58 am

Nice one Paul - your unselfish effort is always appreciated mate

Have you thought about using mouseover / mouseout instead - saves clicking on the tumbnail - just a thought?

Like this site I just built for a client....

http://www.plantsheds.com.au/farm_sheds.html

zinc · Post by **zinc** » Sun Apr 15, 2012 8:14 am

ColinM wrote:Nice one Paul - your unselfish effort is always appreciated mate

Have you thought about using mouseover / mouseout instead - saves clicking on the tumbnail - just a thought?

Like this site I just built for a client....

http://www.plantsheds.com.au/farm_sheds.html

What great idea Colin. I like your work.

ColinM · Post by **ColinM** » Sun Apr 15, 2012 8:18 am

why thank you Bendigo

Adendum · Post by **Adendum** » Sun Apr 15, 2012 3:50 pm

ColinM wrote:Have you thought about using mouseover / mouseout instead - saves clicking on the tumbnail - just a thought?

You've used events to do that, Gallerific is using Javascript. And Gallerific has a history feature - try navigating with the keyboard or using the back key after you've clicked a few images. Events can't do that. Also Gallerific uses an opacity feature for mouseover states, so I don't think you could combine the two.

Saying that if anyone knows how to amend the Javascript to allow mouseover rather than clicks I'll see if I can add it as an option.......but someone will need to point me in the right direction.

ColinM · Post by **ColinM** » Sun Apr 15, 2012 9:55 pm

Ah, ok Paul - cheers for that

stamjoe · Post by **stamjoe** » Tue Apr 17, 2012 10:06 am

Great work Paul as always!!!
Thanks!
Have a good day.
Joe

mixthemix · Post by **mixthemix** » Thu May 03, 2012 2:20 pm

Hi ... I have been away & could not post earlier ... thanks for this, however is it possible that all thumbnails on the left can be a universal size IE: square like simpleviewer ?

I have tried it out & it all seems muddled up with portrait & landscape thumbnails.

I wonder if this is possible ?

Kind Regards

Paul

Adendum · Post by **Adendum** » Thu May 03, 2012 2:35 pm

The extension creates your thumbnail images for you at a set size. They are 75px wide for landscape images and 75px tall for portrait images. So if you have a mix of portrait and landscape images the thumbs will be mixed up according to the sequence they were added to the gallery.

You have a couple of choices to have the thumbnails tidier.
[1] Do what I did on the demo and re-sequence the images so that all the landscape images come first and then all the portrait images, or vice versa.

[2] Publish to your local hard drive, open the images folder, edit all the th_ files so they are all one dimension. Upload manually via Filezilla or equivalent FTP client. Or create all your thumbnails manually and over write the ones generated by the extension.

Adendum · Post by **Adendum** » Tue Jun 12, 2012 11:51 am

whitek wrote:Hi - Thanks for putting this together - I like this gallery a lot. Smooth and clean. Multiple gallery support is mentioned, but I can't find anything on how to load another one up? Can I load another gallery dynamically?

There is a property called "01- Gallery Name" where you enter a unique name or number into the "Unique gallery name" area. So add another extension (draw the extension on the page) and make sure each instance of the extension has different values in the "Unique gallery name".

maxime · Post by **maxime** » Thu Jun 28, 2012 8:14 pm

nice extension is it possible to make it with a database on the server.

Adendum · Post by **Adendum** » Thu Jun 28, 2012 9:02 pm

Not by me, sorry.

Adendum · Post by **Adendum** » Thu Jul 26, 2012 12:39 pm

Several minor changes to the extension (a) the addition of an option to increase the thumbnail border with, (b) removed a line of CSS that caused issues with main image alignment in IE and updated the Help file. Note also that it was previously stated (incorrectly) that Gallerific was able to have multiple instances on a page - this has been revised to multiple instances in a project or site.

Adendum · Post by **Adendum** » Thu Jul 26, 2012 8:38 pm

Version 1.0.0.4 released - requested to add main image border size options, so I have.

amrajadhyaksha · Post by **amrajadhyaksha** » Mon Jul 30, 2012 4:19 am

Very Useful. Assures viewership by directly showing a connection between thumbnails and larger image.
Only one grouse.
All images need to be square, else the thumbnails show a thick black border on the respective shorter side.
For longer pics, the border is on the top and bottom, for taller pics, it is on the sides. Squares display correctly.
Dunno if I am doing something wrong.

Anyways, many thanks for this development.

Adendum · Post by **Adendum** » Mon Jul 30, 2012 10:16 am

Nothing I can do about that. I have tried to automate the process as much as possible to make page generation as easy as possible. If you don't like the automated thumbnail sizing, which is part of the gallery controls that WWB provides, then all you have to do is manually create a set of 75 by 75px thumbs and place them in the gallerific/images folder using the same filenames.

amrajadhyaksha · Post by **amrajadhyaksha** » Mon Jul 30, 2012 2:05 pm

Adendum wrote:manually create a set of 75 by 75px thumbs and place them in the gallerific/images folder using the same filename

Interesting, will try. What should the extension be? I mean, if the image is .jpg, what about the thumbnail?

Adendum · Post by **Adendum** » Mon Jul 30, 2012 2:10 pm

It uses the same format as the original/main files so if you specify .jpg your thumbs will be .jpg....if you use .png create the thumbs as .png.

protectourlands · Post by **protectourlands** » Wed Aug 22, 2012 3:50 pm

This is a fantastic extension. I'm finding though that the slideshow delay is preset to 2500 and unfortunately it is way too fast for my application. Would it be possible to add slideshow delay value adjustment to control the slideshow speed?

Keep up the great work Paul. Your extensions are very useful and greatly appreciated.

Adendum · Post by **Adendum** » Wed Aug 22, 2012 5:30 pm

I'll take a look. I am planning to see if I can fix the black background that appears with rectangular thumbnails so I'll add this to the next update. May take a while though as I'm up to my neck in proper work at the moment.

protectourlands · Post by **protectourlands** » Wed Aug 22, 2012 7:51 pm

Thanks Paul.

protectourlands · Post by **protectourlands** » Wed Jan 30, 2013 10:35 pm

Hi Paul

I'm hoping to use Gallerific again and was wondering if you had an opportunity to review the possibility of adding slideshow speed variable in place of the default 2500?

Adendum · Post by **Adendum** » Thu Jan 31, 2013 11:12 am

Sorry no. I have been incredibly busy with client sites and I still am. Currently working on 7 sites so my time is very limited. If you need to adjust the speed there is probably a value in the .js file that you can manually edit once published.

Remind me in a month or so and I may have some time to tweak it then.

protectourlands · Post by **protectourlands** » Thu Jan 31, 2013 3:57 pm

No worries Paul. I'll check back in a month or so.

It looks like the variable is in the inline javascript written in the head. (delay: 2500 default)

Adendum · Post by **Adendum** » Thu Jan 31, 2013 6:44 pm

protectourlands wrote:No worries Paul. I'll check back in a month or so.

It looks like the variable is in the inline javascript written in the head. (delay: 2500 default)

Hi,

I've uploaded an updated version that has a new property called "Slideshow Speed" in section 3.

I have not updated the help file...yet.

protectourlands · Post by **protectourlands** » Thu Jan 31, 2013 7:23 pm

Wow! Didn't expect this so quickly. Made my day. Thank you so very much.

developer · Post by **developer** » Mon Jul 22, 2013 12:35 pm

Hello. I am using wb 9 and when I publish and use Gallerific, everything appears (using chrome), hover works, etc. and the first image is displayed, but no slideshow and when I click on a thumbnail, the larger image does not change.

Is this a known issue?

Adendum · Post by **Adendum** » Mon Jul 22, 2013 12:43 pm

Change the page properties so it uses jQuery 1.7.2 rather than the default 1.9.1

developer · Post by **developer** » Mon Jul 22, 2013 1:30 pm

Yup. That did it. Thanks!

Adendum · Post by **Adendum** » Sun Aug 11, 2013 11:13 am

Gallerific wont take images from a folder. The only other extension I know that does is the online gallery. I've used that before and it works very well. Try again

bcfl · Post by **bcfl** » Thu Apr 10, 2014 10:19 am

Please help - can anyone take a look I can't get this extension to work I think I am missing something simple.
http://www.genungs.com/nostalgic.html
I seem to be going in circles height of all is 480 max width is 726 and I added 10

Thanks

Adendum · Post by **Adendum** » Thu Apr 10, 2014 11:55 am

This is probably because you are using jQuery 1.9.1. The extension was built a couple of years ago and is set to work with jQuery 1.7.2 - so change your page properties to use 1.7.2, republish and you should be good to go.

bcfl · Post by **bcfl** » Thu Apr 10, 2014 10:24 pm

Right you are - THANKS