Full Size Background Image jQuery **Update 29/09/13**
- BaconFries
-
- Posts: 5619
- Joined: Thu Aug 16, 2007 7:32 pm
Full Size Background Image jQuery **Update 29/09/13**
***Update 29/09/13***
Extension has now been updated to the latest version of jQuery files by the original author. It can also now be used with jQuery objects found in WYSIWYG Web Builder 9. Also added the use of an alt tag for the image used in the extension.
*** NOTE***
Before trying to install the extension please remove any older version previously installed this will ensure that you will not have any issues.
***Update 10/01/11***
Update allows the extension to be used alongside Jordans jor_piecemaker2 extension.
***Update 11/12/10***
Small update to the extension to allow the jQuery to be disabled if used alon with another jQuery extension or WB jQuery object all users of previous should update there version...
Full Size Background Image jQuery
All you need is an image you want to have as your background. Once you have that and use the extenion, the image will resize to the full width/height of the browser window. Every time the browser window resizes, so will the background image.
Once again, this extenion is pretty simple so no options are available. It pretty much just does what it does.
Original autors site
http://bavotasan.com/downloads/full-siz ... ry-plugin/
****Update 29/09/13****
Extension is now available to download vai the extension Manager for all WB9 users only
Extension has now been updated to the latest version of jQuery files by the original author. It can also now be used with jQuery objects found in WYSIWYG Web Builder 9. Also added the use of an alt tag for the image used in the extension.
*** NOTE***
Before trying to install the extension please remove any older version previously installed this will ensure that you will not have any issues.
***Update 10/01/11***
Update allows the extension to be used alongside Jordans jor_piecemaker2 extension.
***Update 11/12/10***
Small update to the extension to allow the jQuery to be disabled if used alon with another jQuery extension or WB jQuery object all users of previous should update there version...
Full Size Background Image jQuery
All you need is an image you want to have as your background. Once you have that and use the extenion, the image will resize to the full width/height of the browser window. Every time the browser window resizes, so will the background image.
Once again, this extenion is pretty simple so no options are available. It pretty much just does what it does.
Original autors site
http://bavotasan.com/downloads/full-siz ... ry-plugin/
****Update 29/09/13****
Extension is now available to download vai the extension Manager for all WB9 users only
Last edited by BaconFries on Sat Jul 30, 2011 5:55 pm, edited 11 times in total.
Re: Full Size Background Image jQuery **22/11/10**
@BaconFries
Nice work as always... Thanks...
Nice work as always... Thanks...
- BaconFries
-
- Posts: 5619
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Full Size Background Image jQuery **22/11/10**
Welcome my friend very welcome...I made thisfor personal use but on see that it might help other thought just release as it will be of use...
Re: Full Size Background Image jQuery **22/11/10**
Thanks Bacon,
just the extension i need for a new site.
Joe
just the extension i need for a new site.
Joe
- BaconFries
-
- Posts: 5619
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Full Size Background Image jQuery **22/11/10**
Thank's a lot BaconFries, you bring us great and very useful extensions.
Keep it on pal.
Keep it on pal.
- pedro-pecker
-
- Posts: 38
- Joined: Thu Feb 26, 2009 2:22 pm
- Location: Devon UK
Re: Full Size Background Image jQuery **22/11/10**
Hi BaconFries
Will you be putting the download link back anytime soon??
Will you be putting the download link back anytime soon??
Regards
Pedro
Pedro
- BaconFries
-
- Posts: 5619
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Full Size Background Image jQuery **22/11/10**
@JacyNorgaard Ok you have already answered what I was about to ask you ....What version on WB are you using??? ...reason for this any extenion made with builder 2.5 and above can only be used in WB7....I will see if I see have a copy of a older builder and recompile it and see if it works in WB 6 this will be tomorrow before I can do this....
- protectourlands
-
- Posts: 426
- Joined: Sat May 24, 2008 2:16 am
- Contact:
Re: Full Size Background Image jQuery **22/11/10**
Love the extension, but it looks like it conflicts with WB Slideshow.
<script type="text/javascript" src="./jquery-1.4.2.min.js"></script> gets written in duplicate.
Would you consider adding to this extension the option to run with other jquery?
<script type="text/javascript" src="./jquery-1.4.2.min.js"></script> gets written in duplicate.
Would you consider adding to this extension the option to run with other jquery?
- BaconFries
-
- Posts: 5619
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Full Size Background Image jQuery **22/11/10**
I will add a fix to the extension that will allow you to turn of the jQuery so that it can be used with other jQuery extensions/objects in WB. I will do this over the weekend as I have just returned home from being away out of town and needing to catch up on the work front first..
- protectourlands
-
- Posts: 426
- Joined: Sat May 24, 2008 2:16 am
- Contact:
Re: Full Size Background Image jQuery **22/11/10**
BF, you're the best.
- BaconFries
-
- Posts: 5619
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Full Size Background Image jQuery **11/12/10**
***Updated 11/12/10***
Re: Full Size Background Image jQuery **22/11/10**
protectourlands wrote:Love the extension, but it looks like it conflicts with WB Slideshow.
<script type="text/javascript" src="./jquery-1.4.2.min.js"></script> gets written in duplicate.
Would you consider adding to this extension the option to run with other jquery?
Also there is a conflict with "Jquery accordion" built with WB.BaconFries wrote:***Updated 11/12/10***
I apologize to BaconFries, but try my extension with only one image:
http://softies.xoom.it/bkg/bkgstretchslide.rar
- BaconFries
-
- Posts: 5619
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Full Size Background Image jQuery **11/12/10**
I have tested with accordion and it seems to work fine (my extension) as you can see with demo...when using my extension did you use the property to disable the jQuery it uses??, this is so it wont conflict with other jQuery objects or extensions??
http://justtesting123.comuf.com/bgdemo/index.html
http://justtesting123.comuf.com/bgdemo/index.html
Re: Full Size Background Image jQuery **11/12/10**
Thanks for the quick answer, but I had already tried what you wrote:
http://softies.xoom.it/test/index.html
http://softies.xoom.it/test/index.html
- BaconFries
-
- Posts: 5619
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Full Size Background Image jQuery **11/12/10**
You have files and folders missing on the server that are for the accordion!! please ensure that you have upload all files and folders so that it will work...see example image of all folders and files needed also viewing your source code it looks like you have not disabled the jQuery in my extension...
What it should look like if you turn it off
<script type="text/javascript" src="./<!-- Use separate jQuery-->"></script>
Not this
<script type="text/javascript" src="./jquery-1.4.2.min.js"></script>
What it should look like if you turn it off
<script type="text/javascript" src="./<!-- Use separate jQuery-->"></script>
Not this
<script type="text/javascript" src="./jquery-1.4.2.min.js"></script>
Re: Full Size Background Image jQuery **11/12/10**
Mmmhh, perhaps i have a WB problem, i select <!-- Use separate jQuery-->, but the results are:
Thanks anyway
Thanks anyway
- BaconFries
-
- Posts: 5619
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Full Size Background Image jQuery **11/12/10**
This is my "Mistake" please try the fresh download it seems I wasnt all with it last night when I was updating the extension...think I was under the influence of two many.....hic beers...
Re: Full Size Background Image jQuery **11/12/10**
Fine! It works perfectly.
Now I can go for Christmas shopping
Regards
Now I can go for Christmas shopping
Regards
- BaconFries
-
- Posts: 5619
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Full Size Background Image jQuery **11/12/10**
Great .... dont forget about the cookies and milk for ...Sinter Klaas, Papai Noel, Joulupukki, De Kerstman, Babbo Natale, Kerstman and all the rest...and not forgetting
- protectourlands
-
- Posts: 426
- Joined: Sat May 24, 2008 2:16 am
- Contact:
Re: Full Size Background Image jQuery **11/12/10**
Workin great BF. Thank you so much for the new version.
Happy Holidays down there.
Happy Holidays down there.
- me.prosenjeet
-
- Posts: 1267
- Joined: Mon Dec 24, 2007 1:50 pm
- Location: Lucknow
- Contact:
Re: Full Size Background Image jQuery **11/12/10**
It really doesnt matter if you are using V6 or V7, this is the way extensions are used in WB in all versions.JacyNorgaard wrote:Sorry I don't have that. There is no WYSIWYG Web Builder Extension on mine, the list ends after paypal. I have 6 not 7.BaconFries wrote:Have you ever used any of the other extensions that you have loaded???...It is as simple as A,B,C...Go to Insert>WYSIWYG Web Builder Extensions..... left click on the Extension needed a crosshair will appear again hold down left mouse and draw the Extension...
Few questions:
Qs1. In version 6 where did you install the extension?
As1.Unzip and paste the files(a .wbx and a pdf file) inside 'C:\Program Files\WYSIWYG Web Builder 6'(install folder)
Qs2. Can you see the extension name in the extension list?
As2. Once you have put the extension as mentioned in As1, restart WB
This list of extensions is under 'ToolBox' panel or see it here - 'Menu>Insert>WYSIWYG Web Builder Extensions'
If you still dont see the extension you installed, Right click on any of the extensions in the list and click on 'Reset Toolbox'
Qs3. How to bring the extension on your page?
As3.
1) If you are bringing from the 'ToolBox'
Take the mouse over the extension text and left click the mouse....now drag your mouse back onto your page keeping the left mouse button clicked....once on the page, release the mouse left button....now the extension is on your page.....double click on and the properties will open
2) If you are using 'Menu>Insert>WYSIWYG Web Builder Extensions'
Goto the list and left click mouse on the extension text...now goto you page and your cursor will change into a big plus sign ( + )....left click on your page and drag the mouse for an inch and leave the left mouse button...now the extension is on your page....double click and the properties will open.
Hope this helps
Please understand we all here are trying to help you
Check the new Chat GPT and Malware detect extensions at the link below
Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
- me.prosenjeet
-
- Posts: 1267
- Joined: Mon Dec 24, 2007 1:50 pm
- Location: Lucknow
- Contact:
Re: Full Size Background Image jQuery **11/12/10**
Hey Bacon,
This is a really nice extension.
But I find there is a major issue when you use this extension along with Jordans jor_piecemaker2 extension ( viewtopic.php?f=42&t=35837&p=178582&hil ... r2#p178582).
I tried everything I could think of... remove jquery in your extension settings...make the page 'None' instead of HTML 4.1 but the page looked a disarray and the image was not spreading across the full screen. It worked in the preview....but moment I uploaded on the server these issues cropped in.
Can you kindly check please.
I posting this to Jordan too....hope there can be some solution
This is a really nice extension.
But I find there is a major issue when you use this extension along with Jordans jor_piecemaker2 extension ( viewtopic.php?f=42&t=35837&p=178582&hil ... r2#p178582).
I tried everything I could think of... remove jquery in your extension settings...make the page 'None' instead of HTML 4.1 but the page looked a disarray and the image was not spreading across the full screen. It worked in the preview....but moment I uploaded on the server these issues cropped in.
Can you kindly check please.
I posting this to Jordan too....hope there can be some solution
Check the new Chat GPT and Malware detect extensions at the link below
Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
- BaconFries
-
- Posts: 5619
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Full Size Background Image jQuery **11/12/10**
I cant really say why this is happening as I havnt tried jordans extension along with the full background it just may be that you cannot use these two scripts together but if I find anything I will post...
- me.prosenjeet
-
- Posts: 1267
- Joined: Mon Dec 24, 2007 1:50 pm
- Location: Lucknow
- Contact:
Re: Full Size Background Image jQuery **11/12/10**
I dont know what I am doing wrong....this plugin just doesnt want to work for me in IE8.
It works fine in FF, Chrome but in IE8 either the image wont show or it will not be stretched!
It works fine in FF, Chrome but in IE8 either the image wont show or it will not be stretched!
Check the new Chat GPT and Malware detect extensions at the link below
Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
Re: Full Size Background Image jQuery **11/12/10**
hi me.prosenjeet,
nope it doesn't work ... that was my hunch
it is a timing issue in the full-background script, the jQuery 'ready' runs before the function completes correct
if you (preview) run it once in IE, it will run correct, but if you run it a 2nd, 3th, 4th etc etc time
then with multiple tabs open the script most likely will fail (won't run at all or incorrect)
it can be fixed by adding a setttimout, but BaconFries would have to change this in his script
or you can change it manually in your page
change this line ...
jQuery(function($) {
$("#background").fullBg();
});
to this ...
jQuery(function($) {
$("#background").css('visibility','hidden');
setTimeout(function() {$("#background").fullBg();$("#background").css('visibility','visible')}, 180);
});
it's the least unobtrusive I can come up with that should work . .
nope it doesn't work ... that was my hunch
it is a timing issue in the full-background script, the jQuery 'ready' runs before the function completes correct
if you (preview) run it once in IE, it will run correct, but if you run it a 2nd, 3th, 4th etc etc time
then with multiple tabs open the script most likely will fail (won't run at all or incorrect)
it can be fixed by adding a setttimout, but BaconFries would have to change this in his script
or you can change it manually in your page
change this line ...
jQuery(function($) {
$("#background").fullBg();
});
to this ...
jQuery(function($) {
$("#background").css('visibility','hidden');
setTimeout(function() {$("#background").fullBg();$("#background").css('visibility','visible')}, 180);
});
it's the least unobtrusive I can come up with that should work . .
- me.prosenjeet
-
- Posts: 1267
- Joined: Mon Dec 24, 2007 1:50 pm
- Location: Lucknow
- Contact:
Re: Full Size Background Image jQuery **11/12/10**
Bacon,
If the reason Jordan pointed out works then can you kindly update the extension please
If the reason Jordan pointed out works then can you kindly update the extension please
Check the new Chat GPT and Malware detect extensions at the link below
Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
- BaconFries
-
- Posts: 5619
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Full Size Background Image jQuery **10/01/11**
Updated to allow use with Jordans jor_piecemaker2
- me.prosenjeet
-
- Posts: 1267
- Joined: Mon Dec 24, 2007 1:50 pm
- Location: Lucknow
- Contact:
Re: Full Size Background Image jQuery **10/01/11**
Thanks DarlingBaconFries wrote:Updated to allow use with Jordans jor_piecemaker2
Check the new Chat GPT and Malware detect extensions at the link below
Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
- protectourlands
-
- Posts: 426
- Joined: Sat May 24, 2008 2:16 am
- Contact:
Re: Full Size Background Image jQuery **10/01/11**
Drats! Now for some reason, after downloading 7.5.1 the conflict with this extension and WB Slideshow has returned. I even tried your new version released on Jan 10. No luck.
Any ideas BF? Sorry to bother you with this.
Any ideas BF? Sorry to bother you with this.
- BaconFries
-
- Posts: 5619
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Full Size Background Image jQuery **10/01/11**
Hmmm cant say at the moment but I will get a look and see what might be wrong...
- protectourlands
-
- Posts: 426
- Joined: Sat May 24, 2008 2:16 am
- Contact:
Re: Full Size Background Image jQuery **10/01/11**
Something changed in 7.5.1
Now almost all my sites built with WB and using extensions have conflicts. If I update a page in 7.5.1 that was previously published in 7.5 or less with no issues, the 7.5.1 pages are jacked. It's not just this extension. JQuery I frame, Random Banner, and others now no longer work properly with other applications.
Maybe Pablo can give some insight into what was modified in 7.5.1
Now almost all my sites built with WB and using extensions have conflicts. If I update a page in 7.5.1 that was previously published in 7.5 or less with no issues, the 7.5.1 pages are jacked. It's not just this extension. JQuery I frame, Random Banner, and others now no longer work properly with other applications.
Maybe Pablo can give some insight into what was modified in 7.5.1
- BaconFries
-
- Posts: 5619
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Full Size Background Image jQuery **10/01/11**
Afternoon protectourlands OK I have managed to ckeck the extension along with the slong with the slideshow and both still work..what I do get is the small yellow triangle bottom left of browser window informing me that it doesnt like the <!-- Use separate jQuery--> this is because it sees it as invalid characters. This is strange because this was fine before, I cant say if it has to do with the recent updates to WB but it may well be the case. Maybe a post in general section about this so Pablo cab see as he may not read this ....
Re: Full Size Background Image jQuery **10/01/11**
Hello Bacon,
i use the extension and its working fine. I want to use it as a Full Size Background Slide show (2-3 photos).
Is it possible to do it with this ext? There is any other?
Thanks man and keep up the good work.
Joe
i use the extension and its working fine. I want to use it as a Full Size Background Slide show (2-3 photos).
Is it possible to do it with this ext? There is any other?
Thanks man and keep up the good work.
Joe
Re: Full Size Background Image jQuery **10/01/11**
Hi Bacon,
i found out one jQuery Plugin the ''Supersized - Full Screen Background/Slideshow jQuery Plugin''
at http://www.buildinternet.com/project/supersized/.
Its possible to make it work as a WB7 extension?
Thanks in advance
Joe
i found out one jQuery Plugin the ''Supersized - Full Screen Background/Slideshow jQuery Plugin''
at http://www.buildinternet.com/project/supersized/.
Its possible to make it work as a WB7 extension?
Thanks in advance
Joe
- BaconFries
-
- Posts: 5619
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Full Size Background Image jQuery **10/01/11**
The extension is set too private while I update then it will be available from
Extension manager
Extension manager
- me.prosenjeet
-
- Posts: 1267
- Joined: Mon Dec 24, 2007 1:50 pm
- Location: Lucknow
- Contact:
Re: Full Size Background Image jQuery **10/01/11**
I have 2...
1. callyb59@......
2. cannyscot59@.....
Which one?
I remember you told me you are not checking one of these frequently
1. callyb59@......
2. cannyscot59@.....
Which one?
I remember you told me you are not checking one of these frequently
Check the new Chat GPT and Malware detect extensions at the link below
Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
- me.prosenjeet
-
- Posts: 1267
- Joined: Mon Dec 24, 2007 1:50 pm
- Location: Lucknow
- Contact:
Re: Full Size Background Image jQuery **10/01/11**
Never mind, I mailed to both of them.
Check the new Chat GPT and Malware detect extensions at the link below
Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
Check my WB Extensions
Check my WB Templates
---------------------------------------------------------
www.Lucknowwebs.com
- BaconFries
-
- Posts: 5619
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Full Size Background Image jQuery **10/01/11**
@ me.prosenjeet, I will contact you later regarding this
- BaconFries
-
- Posts: 5619
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Full Size Background Image jQuery **Update 29/09/13**
Full Size Background Image jQuery **Update 29/09/13**
Re: Full Size Background Image jQuery **Update 29/09/13**
Hello Bacon
i cant find the extension at the Extension Manager of WB9
what can i do?
Thanks
Joe
i cant find the extension at the Extension Manager of WB9
what can i do?
Thanks
Joe
- BaconFries
-
- Posts: 5619
- Joined: Thu Aug 16, 2007 7:32 pm
Re: Full Size Background Image jQuery **Update 29/09/13**
The extension is no longer available but I will offer help to why it may not work with other extensions/objects that use jQuery.
If you already have a copy of the extension and are trying to use with the Slideshow object in WB then it will have a conflict to resolve this in the jQuery Full Background properties select it to use other jQuery this will remove the jQuery in the extension and use it from the slideshow. If this doesnt help you can use the extension offered by ZInc if this doesnt work then you will need to ask him for assistance on this.
If you already have a copy of the extension and are trying to use with the Slideshow object in WB then it will have a conflict to resolve this in the jQuery Full Background properties select it to use other jQuery this will remove the jQuery in the extension and use it from the slideshow. If this doesnt help you can use the extension offered by ZInc if this doesnt work then you will need to ask him for assistance on this.
Re: Full Size Background Image jQuery **Update 29/09/13**
Thanks Bacon and im sorry for my delay....
Joe
Joe