Liquid Zoom (FREE)

In this section you can share self-made extensions with other users of WYSIWYG Web Builder.

There are already more than 250 extensions available!
User avatar
Adendum
 
 
Posts: 795
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Liquid Zoom (FREE)

Post by Adendum » Tue Jan 07, 2014 6:51 pm

Is a very simple extension that makes it easy to show one or more images on a page and allow the visitor to zoom in on the image in a variety of ways. Each image can be styled individually with caption options, linking and a variety of customisable zooming options.

The original jQuery and CSS was written by Pascal Gautier, a regular member and contributor to the WWB forum (name in the forum is Pascal Gilles – formerly Crochepattes).

Here is his original tutorial and demo. Any my thanks to him for sharing his code and for his assistance while building and testing this extension.

Demo.

NOTE:
This extension is pretty straight forward and very easy to use however you should make every effort to fully read the help file as this contains several links to online resources and other tools you will benefit from using to optimise your images. This extension can take large images and make zooming an easy process however large images can bring even the most powerful desktop and browser to its knees.

This is an information page (part of the demo) that explains some of the issues with images.

Have fun!
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
zinc
 
 
Posts: 1494
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom

Re: Liquid Zoom (FREE)

Post by zinc » Wed Jan 08, 2014 8:48 am

Outstanding work guys!!! Welldone to you both! Quality extension!

User avatar
Adendum
 
 
Posts: 795
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Liquid Zoom (FREE) *** UPDATED ***

Post by Adendum » Wed Jan 08, 2014 7:51 pm

v1.0.0.1 released

1. Removed an opacity setting (Zoom Bar Background Colour (OPACITY)) from section 4 and reverted to a hard coded opacity value.
2. Added extra help information (image optimisation step (Stripper) to further reduce file sizes).
3. Added same to demo page.
4. Uploaded revised help file - also available in 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!

jordan
 
 
Posts: 844
Joined: Tue Jun 26, 2007 1:56 pm
Contact:

Re: Liquid Zoom (FREE)

Post by jordan » Sat Jan 11, 2014 5:04 pm

he he what a collaboration, John and Paul of extensions . 2 fab 2 . :mrgreen: . great work!
+TNX for you update mail as always appreciated Paul

User avatar
Adendum
 
 
Posts: 795
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Liquid Zoom (FREE) *** UPDATED ***

Post by Adendum » Sun Jan 12, 2014 7:09 pm

v1.0.0.3 released

Pascal fixed a bug in the .js
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
stamjoe
 
 
Posts: 264
Joined: Sat Feb 09, 2008 10:32 am
Location: GREECE

Re: Liquid Zoom (FREE)

Post by stamjoe » Tue Jan 14, 2014 5:20 pm

Thanks man!!!!
Awesome!!!!
Joe

User avatar
Adendum
 
 
Posts: 795
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Liquid Zoom (FREE) ** UPDATED **

Post by Adendum » Thu Jan 23, 2014 7:44 pm

v1.0.0.4 released

New features added to preview images as mono (black & white), sepia toned or a colour tone of your own choice.

See demo for new features. Updated help file.
Aditerum _ Liquid Zoom.jpg
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
Pascal-Gilles
 
 
Posts: 103
Joined: Tue Apr 05, 2011 8:06 pm
Location: France
Contact:

Re: Liquid Zoom (FREE)

Post by Pascal-Gilles » Thu Jan 23, 2014 9:49 pm

Hi!

Thanks very much Paul for transposing these latest features into the extension. Your work is perfectly reflecting the jQuery plugin, congratulations! :D

Just a small note:

Chrome is rather tricky when using HTML5 canvas locally.

Don’t panic if these new colorizing features cannot be seen when locally previewing a project with Chrome.
Whereas you will be able to use Chrome when published files are uploaded :arrow: just use another one like Firefox, Internet explorer,… for preview purposes!

Cheers!
Pascal
8)

User avatar
Adendum
 
 
Posts: 795
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Liquid Zoom (FREE)

Post by Adendum » Mon Feb 10, 2014 3:40 pm

v1.0.0.5 released.

Pascal has added an option to disable the mousewheel in the zoom effect so that the mousewheel will scroll a page as normal.
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: 795
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Liquid Zoom (FREE)

Post by Adendum » Mon Feb 10, 2014 9:09 pm

v1.0.0.6 released

Apparently I was using a development version of the jQuery - extension udpdated to use latest production version.
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: 795
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Liquid Zoom (FREE)

Post by Adendum » Mon Feb 17, 2014 5:33 pm

v1.0.0.7 released

Pascal has...

1. Added support for .png images
2. Added a new option (Auto Zoom Tour Show Speed) that controls how fast the image is revealed in AutoZoom Tour mode.

Help file updated.
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: 795
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Liquid Zoom (FREE)

Post by Adendum » Tue Apr 15, 2014 12:38 pm

v1.0.0.8 released

Pascal has tweaked the jQuery to improve a couple of things.
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
Pascal-Gilles
 
 
Posts: 103
Joined: Tue Apr 05, 2011 8:06 pm
Location: France
Contact:

Re: Liquid Zoom (FREE)

Post by Pascal-Gilles » Tue Apr 15, 2014 4:38 pm

Thanks Paul for the extension update!

If some see a missing feature or possible improvement, I will study this and will get back indeed!

Cheers
:D

User avatar
ColinM
 
 
Posts: 930
Joined: Wed Feb 09, 2011 3:40 am
Location: Western Australia
Contact:

Re: Liquid Zoom (FREE)

Post by ColinM » Fri Apr 18, 2014 11:16 am

Paul and Pascal - LOVE IT!! Very well done!
Yours truly
Colin M
Western Australia
FORUM MODERATOR
Please think before you post, be polite, don't hijack threads and above all please respect Pablo's huge effort!
My Website

User avatar
Pascal-Gilles
 
 
Posts: 103
Joined: Tue Apr 05, 2011 8:06 pm
Location: France
Contact:

Re: Liquid Zoom (FREE)

Post by Pascal-Gilles » Fri Apr 18, 2014 3:40 pm

Hi Colin,

Paul has done an awesome ( :D ) job!!

Cheers!
8)

Post Reply

Who is online

Users browsing this forum: No registered users and 7 guests