Gallerific (FREE)

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.
There is a dedicated section for commercial extensions.
Post Reply
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Gallerific (FREE)

Post by Adendum »

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.
Last edited by Adendum on Fri Feb 27, 2015 3:28 pm, edited 1 time in total.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
docdoc
 
 
Posts: 55
Joined: Sun Jul 18, 2010 9:34 am

Re: Gallerific (FREE)

Post by docdoc »

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?
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Gallerific (FREE)

Post by Adendum »

In this case I was asked for it.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
docdoc
 
 
Posts: 55
Joined: Sun Jul 18, 2010 9:34 am

Re: Gallerific (FREE)

Post by docdoc »

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?
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: Gallerific (FREE)

Post by zinc »

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.
Running WYSIWYG Web Builder since 2007...
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Gallerific (FREE)

Post by Adendum »

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.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
haakoo
 
 
Posts: 189
Joined: Fri Apr 25, 2008 8:02 am
Location: Groningen/NL

Re: Gallerific (FREE)

Post by haakoo »

I for one like this image presentation extension
Well done Paul
User avatar
docdoc
 
 
Posts: 55
Joined: Sun Jul 18, 2010 9:34 am

Re: Gallerific (FREE)

Post by docdoc »

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.
User avatar
madebyibloo
 
 
Posts: 371
Joined: Fri Mar 27, 2009 3:58 pm
Location: East Yorkshire, United Kingdom
Contact:

Re: Gallerific (FREE)

Post by madebyibloo »

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




Cheers,
Scott
Cheers,
Scott


www.madebyibloo.com - a creative design studio.
jordan
 
 
Posts: 831
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: Gallerific (FREE)

Post by jordan »

nice one again ...
+TNX for your Index update mail Adendum . :) .
User avatar
ColinM
 
 
Posts: 962
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia

Re: Gallerific (FREE)

Post by ColinM »

Nice one Paul - your unselfish effort is always appreciated mate :wink: :D

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
Yours truly
Colin M
Western Australia
User avatar
zinc
 
 
Posts: 2146
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: Gallerific (FREE)

Post by zinc »

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

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.
Running WYSIWYG Web Builder since 2007...
User avatar
ColinM
 
 
Posts: 962
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia

Re: Gallerific (FREE)

Post by ColinM »

why thank you Bendigo :D
Yours truly
Colin M
Western Australia
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Gallerific (FREE)

Post by Adendum »

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.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
ColinM
 
 
Posts: 962
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia

Re: Gallerific (FREE)

Post by ColinM »

Ah, ok Paul - cheers for that 8)
Yours truly
Colin M
Western Australia
User avatar
stamjoe
 
 
Posts: 230
Joined: Sat Feb 09, 2008 10:32 am
Location: GREECE

Re: Gallerific (FREE)

Post by stamjoe »

Great work Paul as always!!!
Thanks!
Have a good day.
Joe
mixthemix
 
 
Posts: 4
Joined: Fri Jul 08, 2011 10:41 pm
Contact:

Re: Gallerific (FREE)

Post by mixthemix »

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
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Gallerific (FREE)

Post by Adendum »

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.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Gallerific (FREE)

Post by Adendum »

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? :shock:
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". :D
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
maxime
 
 
Posts: 117
Joined: Sat Apr 02, 2011 6:15 pm
Contact:

Re: Gallerific (FREE)

Post by maxime »

nice extension is it possible to make it with a database on the server.
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Gallerific (FREE)

Post by Adendum »

Not by me, sorry.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Gallerific (FREE) ** UPDATED **

Post by Adendum »

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.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Gallerific (FREE)

Post by Adendum »

Version 1.0.0.4 released - requested to add main image border size options, so I have.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
amrajadhyaksha
 
 
Posts: 157
Joined: Thu Apr 09, 2009 2:26 am
Location: mumbai
Contact:

Re: Gallerific (FREE)

Post by amrajadhyaksha »

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.
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Gallerific (FREE)

Post by Adendum »

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.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
amrajadhyaksha
 
 
Posts: 157
Joined: Thu Apr 09, 2009 2:26 am
Location: mumbai
Contact:

Re: Gallerific (FREE)

Post by amrajadhyaksha »

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?
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Gallerific (FREE)

Post by Adendum »

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.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
protectourlands
 
 
Posts: 443
Joined: Sat May 24, 2008 2:16 am
Contact:

Re: Gallerific (FREE)

Post by protectourlands »

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.
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Gallerific (FREE)

Post by Adendum »

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.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
protectourlands
 
 
Posts: 443
Joined: Sat May 24, 2008 2:16 am
Contact:

Re: Gallerific (FREE)

Post by protectourlands »

Thanks Paul.
User avatar
protectourlands
 
 
Posts: 443
Joined: Sat May 24, 2008 2:16 am
Contact:

Re: Gallerific (FREE)

Post by protectourlands »

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?
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Gallerific (FREE)

Post by Adendum »

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.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
protectourlands
 
 
Posts: 443
Joined: Sat May 24, 2008 2:16 am
Contact:

Re: Gallerific (FREE)

Post by protectourlands »

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)
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

UPDATED - Gallerific (FREE)

Post by Adendum »

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.

:)
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
User avatar
protectourlands
 
 
Posts: 443
Joined: Sat May 24, 2008 2:16 am
Contact:

Re: Gallerific (FREE)

Post by protectourlands »

Wow! Didn't expect this so quickly. Made my day. Thank you so very much.
developer
 
 
Posts: 49
Joined: Thu Jul 11, 2013 10:39 am

Re: Gallerific (FREE)

Post by developer »

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?
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Gallerific (FREE)

Post by Adendum »

Change the page properties so it uses jQuery 1.7.2 rather than the default 1.9.1
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
developer
 
 
Posts: 49
Joined: Thu Jul 11, 2013 10:39 am

Re: Gallerific (FREE)

Post by developer »

Yup. That did it. Thanks! :-)
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Gallerific (FREE)

Post by Adendum »

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 :)
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
bcfl
 
 
Posts: 10
Joined: Wed Jul 09, 2008 6:15 pm

Re: Gallerific (FREE)

Post by bcfl »

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
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Gallerific (FREE)

Post by Adendum »

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.
Aditerum - No longer supporting WWB extensions - refer to CJS.
Aditerum - No longer supporting WWB templates - refer to CJS.


WWB 9.4; Ext Builder 4.2; Windows 10 64bit; Intel Core i7-3770 Processor 3.40Ghz; 16.0Gb RAM
Death to Internet Explorer!
bcfl
 
 
Posts: 10
Joined: Wed Jul 09, 2008 6:15 pm

Re: Gallerific (FREE)

Post by bcfl »

Right you are - THANKS :P
Post Reply