[rz] Full Size / Proportional Background *** UPD 2016-Jul-21

In this section you can announce self-made paid extensions.
*** THIS SECTION CONTAINS PAID EXTENSIONS ONLY ***
Post Reply
User avatar
[RZ]
 
 
Posts: 2107
Joined: Tue Nov 04, 2008 12:08 pm

[rz] Full Size / Proportional Background *** UPD 2016-Jul-21

Post by [RZ] » Wed Oct 03, 2012 10:59 pm

[rz] Full Size / Proportional Background Pack - v1.1.0.2

This set of extensions allows you to have four type of proportional full-sized page backgrounds; a static image, a slideshow and two video modes.


DEMO


* New in v1.1.0.2

- Improved backward focus control compatibility.
- Workaround for a loop bug in the YT module (seems that YouTube changed some rules and apparently introduced some inconsistencies).

* New in v1.1.0.1

-Tweaks for RWD.
-More push effects for Slide Show buttons.

* New in v1.1

-Pivots support to make size and position adjustments with horizontal and vertical extra offsets in fixed pixels or percentage.
-Support for wb9 Slide Show object with image captions.
-Optimized objects handling for better performance with the Slide Show object.
-Can be used as a whole page background or even within a [resizable] layer context; backgrounds can be attached to target objects - auto: setup itself to its context (body/layer, depends on where the object was placed); body: setup itself as the body background; body layout: setup itself to be only the background of the scheme (applies i.e. to centered pages); entering manually an object id, attaches the background to that specific target object (i.e. text objects).
-Improved single image size handling and optimized algorithm for android based mobiles.
-Optimized keyboard/focus handling.
-Optionally can add a pattern that covers the whole Image or Slide Show (also applies for the video extensions in this pack).
-Single images, slides and navigation controls images cannot be dragged.
-Option to activate captions when the mouse is over the navigation control was deprecated and removed.
-The same instance/configuration can point to multiple Image and/or Slide Show objects (the objects ids must be comma separated).
-Improved backward compatibility (also supports ie5quirks mode!).
-Improved [rz] vPatch extension code for better compatibility with 3rd party code.

* New in v1.0.0.3 (May-21-2013)

-Support for wb9 Slide Show object with navigation controls.
-Smaller code for the resize algorithm.
-Added further detection for mobile devices.
-Improved startup.

* New in v1.0.0.2

-Improved: more compact library code.
-New extension: [rz] vPatch. Instructions at the bottom of this document.

* The v1.0.0.1 minor update fixes a few critical issues in some browsers under certain circumstances

-IE:
(FLV)
z-index issue
unreliable autostart
non-responsive control panel
note: quirks mode is no longer supported for YT/FLV
-Firefox:
(FLV)
z-index issue
-Safari:
(YT/FLV)
unreliable autostart
non-responsive control panel
-Chrome:
(YT)
random crashes on resize events
-Lunascape:
(YT/FLV)
unreliable autostart
non-responsive control panel
warning: a limitation is still present in LunaScape (only Trident Engine mode, Gecko and WebKit modes are ok), the control panel doesn't work as expected in FLV; a browser-engine bug?


[rz] FullScreen Background

1. Automatically converts an image object into a fullscreen proportional background.
2. Also works with the standard SlideShow object.
3. Multi-instance.
4. Lightweight.
5. Unobtrusive, this means that slideshows or image objects preserve their normal functionality such as events/links/etc.
6. W3C compliant.

How to use?

1. Drag and drop an Image object or a SlideShow object.
2. Drag and drop this extension and enter the object to convert.
3. Publish or preview.
4. Enjoy!

* Resize your browser to see it in action!


[rz] FullScreen BG YouTube

Put YouTube videos as background instead of static images and build your control panel with your own images!

How to use?

1. Drag and drop an Image object.
2. Drag and drop this extension and enter the YouTube video ID.
3. Optional: drag and drop the [rz] Full Screen Background extension to display a static image in case the visitor's browser doesn't display Flash (like iDevices).
4. Publish or preview.
5. Enjoy!

* Resize your browser to see it in action!
* Please note: most options related to user interaction are not available in preview mode.


[rz] FullScreen BG FLV

Put local FLV videos as background instead of static images and build your control panel with your own images!

How to use?

1. Drag and drop an Image object (optional, but strongly recommended in case the visitor's browser doesn't display Flash).
2. Drag and drop this extension and enter the flv media file.
3. Drag and drop the [rz] Full Screen Background (see #1) extension to display a static image in case the visitor's browser doesn't display Flash (like iDevices).
4. Publish or preview.
5. Enjoy!

* Resize your browser to see it in action!
* Please note: most options related to user interaction are not available in preview mode.
* FLV player from Jeroen Wijering


About the FLV and YouTube videos:

If you want to build your own control panel, here are the available functions:

MyObjectID.play()
MyObjectID.pause()
MyObjectID.stop()
MyObjectID.volumedown()
MyObjectID.volumeup()
MyObjectID.mute()
MyObjectID.unmute()

Add these functions in any object that supports events.

(please note: you must publish your page to see them work)


[rz] Fullscreen/Proportional Background vPatch

This lightweight extension/patch allows you to have fullwidth backgrounds with a bounded height.

How to use?

1. In a new fresh page, design your background as you usually do (i.e. useful for Google Maps).
2. In your main page, drag and drop this extension.
3. Open its properties dialog and point to the background page.
4. Publish or preview.
5. Enjoy!

Optionally, you can set-up margins!
Please note: this extension doesn't support the 'Center this page in the browser window horizontally and vertically' option; this means, you can have 'not-centered' or 'horizontally-centered' pages.
Last edited by [RZ] on Thu Jul 21, 2016 8:37 am, edited 6 times in total.

User avatar
[RZ]
 
 
Posts: 2107
Joined: Tue Nov 04, 2008 12:08 pm

Re: FullScreen Proportional/Background Pack *** UPD Oct-27-

Post by [RZ] » Fri Oct 05, 2012 8:59 am

1.0.0.1: This minor update fixes a few critical issues please see the first post.
Redownload is strongly recommended.

adex1
 
 
Posts: 177
Joined: Fri Apr 01, 2011 1:13 pm

Re: FullScreen Proportional/Background Pack *** UPD Oct-27-

Post by adex1 » Sat Dec 01, 2012 9:15 pm

Just tested this extension "FullScreen Background" today and it is not doing what you said;
Buy Automation Shopping Cart for CMS WEBSHOP + 2.2 Using WB10!
- Use secure gateway to buy using PAYPAL website.

User avatar
[RZ]
 
 
Posts: 2107
Joined: Tue Nov 04, 2008 12:08 pm

Re: FullScreen Proportional/Background Pack *** UPD Oct-27-

Post by [RZ] » Sat Dec 01, 2012 9:31 pm

and you are doing what javascript always said don't do it.
according to the mail you sent me, this object has 2 illegal characters: "2-columnsImage1"
must start with an alphabetic char and not not with a number
you have a minus sign, use an underscore instead

(please note, you don't need to send me emails unless i didn't answer your post. i think that 15 minutes is not such a delay...)

adex1
 
 
Posts: 177
Joined: Fri Apr 01, 2011 1:13 pm

Re: FullScreen Proportional/Background Pack *** UPD Oct-27-

Post by adex1 » Sat Dec 01, 2012 10:23 pm

[RZ] wrote:and you are doing what javascript always said don't do it.
according to the mail you sent me, this object has 2 illegal characters: "2-columnsImage1"
must start with an alphabetic char and not not with a number
you have a minus sign, use an underscore instead

(please note, you don't need to send me emails unless i didn't answer your post. i think that 15 minutes is not such a delay...)
Alright Rabbai, that is what the object generated by WB8.5.2 I will give a try again. Big thanks
Buy Automation Shopping Cart for CMS WEBSHOP + 2.2 Using WB10!
- Use secure gateway to buy using PAYPAL website.

adex1
 
 
Posts: 177
Joined: Fri Apr 01, 2011 1:13 pm

Re: FullScreen Proportional/Background Pack *** UPD Oct-27-

Post by adex1 » Sat Dec 01, 2012 10:31 pm

Justed tested now it is working as should be.
Buy Automation Shopping Cart for CMS WEBSHOP + 2.2 Using WB10!
- Use secure gateway to buy using PAYPAL website.


User avatar
[RZ]
 
 
Posts: 2107
Joined: Tue Nov 04, 2008 12:08 pm

Re: FullScreen Proportional/Background Pack *** UPD Oct-27-

Post by [RZ] » Wed Dec 12, 2012 8:32 am

thank you; can we see your work?

User avatar
[RZ]
 
 
Posts: 2107
Joined: Tue Nov 04, 2008 12:08 pm

Re: FullScreen Proportional/Background Pack *** UPD Oct-27-

Post by [RZ] » Thu Jan 10, 2013 6:14 am

according to your description, the issue is at your end, this means that you should contact the software support and provide some details they may ask you.
just for your info, if you have a trial version, you won't be able to install/run any external extension.
thank you.

User avatar
Rob
 
 
Posts: 149
Joined: Sun Jan 29, 2012 2:54 pm
Location: MN
Contact:

Re: FullScreen Proportional/Background Pack *** UPD Oct-27-

Post by Rob » Tue Feb 26, 2013 8:24 pm

May I ask how this extension differs from the other "full-screen background" extensions available (including the tool available within WB8)? What is the optimum size of pic to be used with this extension to ensure maximum clarity regardless of screen resolution? Please advise. Thanks.
Small Business Web Design

User avatar
[RZ]
 
 
Posts: 2107
Joined: Tue Nov 04, 2008 12:08 pm

Re: FullScreen Proportional/Background Pack *** UPD Oct-27-

Post by [RZ] » Tue Feb 26, 2013 8:35 pm

i'm not familiar with other full-screen background extensions.
what i can tell you is what is posted in the first post, it works with single images or even with the wb slideshow object, also youtube and flv are supported.
it is an extreme lightweight solution with proprietary code that does not require jquery; anyhow, if you use the slideshow's fade transitions, the jquery library will be loaded as it is required by the slideshow.
a good image quality is advisable, but it doesn't need bigger than any normal screen resolution.
hope this helps.
with regards

User avatar
[RZ]
 
 
Posts: 2107
Joined: Tue Nov 04, 2008 12:08 pm

Re: FullScreen Proportional/Background Pack *** UPD May-21-

Post by [RZ] » Tue May 21, 2013 1:30 pm

* New in v1.0.0.2

Improved: more compact library code.
New extension: [rz] vPatch. Instructions at the bottom of this document.

This lightweight extension/patch allows you to have fullwidth backgrounds with a bounded height.

How to use?

1. In a new fresh page, design your background as you usually do.
2. In your main page, drag and drop this extension.
3. Open its properties dialog and point to the background page.
4. Publish or preview.
5. Enjoy!

Optionally, you can set-up margins!
Please note: this extension doesn't support the option 'Center this page in the browser window horizontally and vertically'; this means, you can have not centered or horizontally (only) centered pages.

User avatar
me.prosenjeet
 
 
Posts: 1282
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: FullScreen Proportional/Background Pack *** UPD May-21-

Post by me.prosenjeet » Mon Jun 17, 2013 12:11 pm

Hi RZ,

Did you check the youtube background one. The extension volume controls have no effect in the final page.
Set it to volume 0 and 'No sound' still sound is there in the video
.
Click here to check my Pro WB Extensions
Click here to check my Pro WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
---------------------------------------------------------

User avatar
[RZ]
 
 
Posts: 2107
Joined: Tue Nov 04, 2008 12:08 pm

Re: FullScreen Proportional/Background Pack *** UPD May-21-

Post by [RZ] » Mon Jun 17, 2013 12:23 pm

hello me;
from the attached info file and from the first post:
* Please note: most options related to user interaction are not available in preview mode.
;)

User avatar
me.prosenjeet
 
 
Posts: 1282
Joined: Mon Dec 24, 2007 1:50 pm
Location: Lucknow
Contact:

Re: FullScreen Proportional/Background Pack *** UPD May-21-

Post by me.prosenjeet » Mon Jun 17, 2013 1:24 pm

Ok! :D
Thanks RZ for your reply
.
Click here to check my Pro WB Extensions
Click here to check my Pro WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
---------------------------------------------------------

Post Reply