Background Resize (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:

Background Resize (FREE)

Post by Adendum »

This extension is based on JP Given's jQuery plugin. Original code here.

Features
• Single image or Eight images (randomly loaded)
• Option to use an opacity setting on all images
• Option to fade in each image when eight are selected

Demo available from my demo site
Last edited by Adendum on Fri Feb 27, 2015 3:51 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
madebyibloo
 
 
Posts: 366
Joined: Fri Mar 27, 2009 3:58 pm
Location: East Yorkshire, United Kingdom
Contact:

Re: Background Resize (FREE)

Post by madebyibloo »

again! nice work Paul! this will come in usefull :) thanks for all the time and effort!



Cheers,
Scott
Cheers,
Scott


www.madebyibloo.com - a creative design studio.
adex1
 
 
Posts: 167
Joined: Fri Apr 01, 2011 1:13 pm

Re: Background Resize (FREE)

Post by adex1 »

Thanks for sharing ideas.
Buy Automation Shopping Cart for CMS WEBSHOP + 2.2 Using WB10!
- Use secure gateway to buy using PAYPAL website.
User avatar
zinc
 
 
Posts: 2156
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom
Contact:

Re: Background Resize (FREE)

Post by zinc »

Paul
Have you tried this on an iPhone?
I cannot get it to work on an iPhone.
Running WYSIWYG Web Builder since 2007...
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Background Resize (FREE)

Post by Adendum »

Don't have such a beast, sorry. What happens?
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: Background Resize (FREE)

Post by Adendum »

Adendum wrote:
Bosun wrote:Whao! Paul you are taking up the big stuff. Good one. Can't wait for you to release it. Another Blockbuster extension. This is the link to the custom scrollbar I was talking about http://www.simonbattersby.com/blog/vert ... ui-slider/ It comes with several options. May God Strengthen you as you work on it. Thanks.
I'm on it.........
I'm done! viewtopic.php?f=42&t=47218
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!
Patr100
 
 
Posts: 115
Joined: Tue Dec 25, 2007 10:52 pm

Re: Background Resize (FREE)

Post by Patr100 »

Adendum wrote:This extension is based on JP Given's jQuery plugin. Original code here.

Features
• Single image or Eight images (randomly loaded)
• Option to use an opacity setting on all images
• Option to fade in each image when eight are selected

Demo available from my demo site
Does this have to have 8 images to run the changing fade? Why not less?
It doesn't seem to work when I preview- with just 3 or even 8 images - set fade rate but only one image loads?
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Background Resize (FREE)

Post by Adendum »

Pat100,

The extension is set up to accept a setting of 1 or 8 images. When you select 1 WWB generates different code than if you select 8. The extension expects either 1 image or 8 images.

If you only want 3 images, select 8, and only specify the 3 images but make sure you complete all 8 image property fields. The extension needs to have all 8 completed if 8 are selected. The code will be generated for 8 images and will randomly load one of the "8" images you have specified - even though, you have only specified 3.

So if you have images A, B and C. Make sure the extension has the property fields completed using A, B, C, A, B, C, A and B = 8 images.

If you only want 4 images - A, B, C, D, A, B, C and D ~or~ if you only want 5 images - A, B, C, D, E, A, B and C.
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!
Patr100
 
 
Posts: 115
Joined: Tue Dec 25, 2007 10:52 pm

Re: Background Resize (FREE)

Post by Patr100 »

Adendum wrote:Pat100,

The extension is set up to accept a setting of 1 or 8 images. When you select 1 WWB generates different code than if you select 8. The extension expects either 1 image or 8 images.

If you only want 3 images, select 8, and only specify the 3 images but make sure you complete all 8 image property fields. The extension needs to have all 8 completed if 8 are selected. The code will be generated for 8 images and will randomly load one of the "8" images you have specified - even though, you have only specified 3.

So if you have images A, B and C. Make sure the extension has the property fields completed using A, B, C, A, B, C, A and B = 8 images.

If you only want 4 images - A, B, C, D, A, B, C and D ~or~ if you only want 5 images - A, B, C, D, E, A, B and C.

But it doesn't work even with 8 different images. It only loads 1 image.
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Background Resize (FREE)

Post by Adendum »

Well it works for me. And the demo has 8 images.

The only thing I can think that you have done is to click on the Image Date property and have then clicked ADD 8 times. You only click on ADD once and specify all 8 images in the one dialogue box. So when you click on the extension now if you see 8 lines of data it's wrong. You should only see one line.

When you open the extension it should look like this:-
bgrs-open.jpg
Continued in next post.....................
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: Background Resize (FREE)

Post by Adendum »

And if you click on it you should see this:-
bgrs-correct.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!
Patr100
 
 
Posts: 115
Joined: Tue Dec 25, 2007 10:52 pm

Re: Background Resize (FREE)

Post by Patr100 »

I already have entered the images as you show. Preview in browser.
But it still doesn't work. Only1 image loads.
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Background Resize (FREE)

Post by Adendum »

Patr100 wrote:I already have entered the images as you show. Preview in browser.
But it still doesn't work. Only1 image loads.
Post a URL or email me the project.
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!
Patr100
 
 
Posts: 115
Joined: Tue Dec 25, 2007 10:52 pm

Re: Background Resize (FREE)

Post by Patr100 »

Everytime I load the page online or preview locally a random image loads but never any fade as expected.
Last edited by Patr100 on Thu May 03, 2012 8:30 pm, edited 1 time in total.
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Background Resize (FREE)

Post by Adendum »

Patr100 wrote:Everytime I load the page online or preview locally a random image loads but never any fade as expected.


http://www.purfectmedia.co.uk/test/
Your fade rate is set to "3". In my demo I have set it to 1800. The value is milliseconds. Try increasing the value.
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!
Patr100
 
 
Posts: 115
Joined: Tue Dec 25, 2007 10:52 pm

Re: Background Resize (FREE)

Post by Patr100 »

Changed to 1800.Uploaded.
Now the single random image fades in , but still no sequence.
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Background Resize (FREE)

Post by Adendum »

Patr100 wrote:Changed to 1800.Uploaded.
Now the single random image fades in , but still no sequence.
Errrr? It's a RANDOM BACKGROUND IMAGE. So once the page loads (or is refreshed) a RANDOM image is loaded as the background image. It's not a slideshow!

If you want something that loads random images as a background and then changes the images in a slide show style you should be using either:-

[1] Camera Slideshow or
[2] Super Sized Slideshow

There's a clue in the extension names.

:)
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!
Patr100
 
 
Posts: 115
Joined: Tue Dec 25, 2007 10:52 pm

Re: Background Resize (FREE)

Post by Patr100 »

:oops:

Oh. Ok Thanks for the extension. :oops:
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Background Resize (FREE)

Post by Adendum »

No worries..........enjoy all three extensions :)
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!
Patr100
 
 
Posts: 115
Joined: Tue Dec 25, 2007 10:52 pm

Re: Background Resize (FREE)

Post by Patr100 »

I've found you can use an animated gif for some movement too. which could be useful. :)
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Background Resize (FREE)

Post by Adendum »

Any image you could use as a standard background image can be used 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!
User avatar
cadtec
 
 
Posts: 34
Joined: Sat Oct 06, 2012 3:12 pm
Location: Switzerland
Contact:

Re: Background Resize (FREE)

Post by cadtec »

Hello Paul

Great Extension!
But I can not print a webpage with Firefox or Opera -> Printing works with Internet Explorer, Chrome and Safari.

Do you have a solution for this?

Best regards
André
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Background Resize (FREE)

Post by Adendum »

Sorry, no ideas. Maybe one of the forum gurus can shed some light on that.
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
BaconFries
 
 
Posts: 5648
Joined: Thu Aug 16, 2007 7:32 pm

Re: Background Resize (FREE)

Post by BaconFries »

@cadtec, please note that this is not a fault of the extension or the program, it is a issue qith the two browsers you mention. To be able to print web pages in Firefox you are required to set in up via the browser setting, the following urls should assit you for Firefox anyway, for Opera please consult "Google" with a simply search such as "Print web pages in opera" again this is a browser issue as has nothing to do with the program or any extension that you may use.

How to print websites
http://support.mozilla.org/en-US/kb/how-print-websites
Fix printing problems in Firefox
http://support.mozilla.org/en-US/kb/fix ... ms-firefox


What "Google" gave me for FF
http://www.google.co.uk/search?hl=en&q= ... efox&meta=
And Opera
http://www.google.co.uk/search?hl=en&q= ... l=38897761
User avatar
cadtec
 
 
Posts: 34
Joined: Sat Oct 06, 2012 3:12 pm
Location: Switzerland
Contact:

Re: Background Resize (FREE)

Post by cadtec »

Hello all

Thank you for your help, but I can make what I want, printing does not work with Firefox. (IE, Safari or Opera are OK)
Please try it with our website: http://www.alibre.ch

Best regards
André
User avatar
BaconFries
 
 
Posts: 5648
Joined: Thu Aug 16, 2007 7:32 pm

Re: Background Resize (FREE)

Post by BaconFries »

Then sorry I do not know what maybe be wrong. Please consult all documentation for each browser for further help. Also note that this is not a issue with the program but a feature of the browser.
User avatar
Adendum
 
 
Posts: 725
Joined: Fri Apr 22, 2011 4:50 pm
Location: London, UK
Contact:

Re: Background Resize (FREE)

Post by Adendum »

Rob,

If you go to the demo page and set you browser to 1024x768 and make a note of how the image appears and then make the browser bigger you'll see a change in how the image appears. Go full screen and the image changes again. If you have a definitive top and bottom for a background image this wont work in all browser sizes.
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!
Post Reply