Object ID Fader - Extension Updated ***26/03/2012***
- madebyibloo
-
- Posts: 371
- Joined: Fri Mar 27, 2009 3:58 pm
- Location: East Yorkshire, United Kingdom
- Contact:
Object ID Fader - Extension Updated ***26/03/2012***
Object ID Fader
Description
Fade in and display object’s on page load.
What does it do?
This extension will fade in Objects on page load with Delay & Speed effects.
Features
Onload Objects with fade in effects
Delay Function for Fade in Effects
Multiple Objects at one time!
Uses the jQuery library
Drag n’ Drop Extension
How to use… Drag and drop this extension, double click to enter the properties and select your Object
ID’s to fade in when your page loads, add a delay to each Object to make a great loading
effect!
Download & Demo
http://www.funky5.co.uk
UPDATE
Now works with 'Text' Objects
Special Thanks! go to presto for helping and supplying the xsl file to make mutlple objects selectable!
More WYSIWYG Web Builder Extensions available at http://www.funky5.co.uk
Cheers,
Scott
Description
Fade in and display object’s on page load.
What does it do?
This extension will fade in Objects on page load with Delay & Speed effects.
Features
Onload Objects with fade in effects
Delay Function for Fade in Effects
Multiple Objects at one time!
Uses the jQuery library
Drag n’ Drop Extension
How to use… Drag and drop this extension, double click to enter the properties and select your Object
ID’s to fade in when your page loads, add a delay to each Object to make a great loading
effect!
Download & Demo
http://www.funky5.co.uk
UPDATE
Now works with 'Text' Objects
Special Thanks! go to presto for helping and supplying the xsl file to make mutlple objects selectable!
More WYSIWYG Web Builder Extensions available at http://www.funky5.co.uk
Cheers,
Scott
Last edited by madebyibloo on Mon Mar 26, 2012 10:52 am, edited 5 times in total.
Cheers,
Scott
www.madebyibloo.com - a creative design studio.
Scott
www.madebyibloo.com - a creative design studio.
Re: Object ID Fader - Extension
Nice one Scott .......
But am I right in thinking that this wont work with text objects? Try as had as I can I can't get a text object to fade.
But am I right in thinking that this wont work with text objects? Try as had as I can I can't get a text object to fade.
Re: Object ID Fader - Extension
Great work Scott!!! Like Like Like
Running WYSIWYG Web Builder since 2007...
- madebyibloo
-
- Posts: 371
- Joined: Fri Mar 27, 2009 3:58 pm
- Location: East Yorkshire, United Kingdom
- Contact:
Re: Object ID Fader - Extension
Adendum wrote:Nice one Scott .......
But am I right in thinking that this wont work with text objects? Try as had as I can I can't get a text object to fade.
Hi Paul! Thank you! hmmm your thoughts are very correct! I'll look at this issue for the next update, in the mean time, you can always 'publish text as image' for it to work but then you would lose links etc. or you could Create a layer and insert 'text' onto the layer then select that layer in the Object ID Fader properties for it to work with 'text' objects.
Cheers,
Scott
Last edited by madebyibloo on Sat Mar 24, 2012 4:02 pm, edited 1 time in total.
Cheers,
Scott
www.madebyibloo.com - a creative design studio.
Scott
www.madebyibloo.com - a creative design studio.
- madebyibloo
-
- Posts: 371
- Joined: Fri Mar 27, 2009 3:58 pm
- Location: East Yorkshire, United Kingdom
- Contact:
Re: Object ID Fader - Extension
Hi B! Thank you! its only somehting minor but used correctly, it can have great effects for galleries etc with the use of the delay functionbendigo wrote:Great work Scott!!! Like Like Like
Cheers,
Scott
Cheers,
Scott
www.madebyibloo.com - a creative design studio.
Scott
www.madebyibloo.com - a creative design studio.
Re: Object ID Fader - Extension
Why didn't you make use of the possibilities of the extension maker?
1. The extension uses DIV container, which produces additional code with no sense.
2. Extension builder offers the possibility to let WWB decide to upload jQuery or not (since it is already included with another item of the site), so it is not neccessary to make the selection yourself.This makes sense to avoid the use of different versions of jQuery in one page.
3. You have limited the numbers of objects to 10. Use the dataset property combined with an XSL-template and you can use as many objects as you like.
I have re-written your extension to overcome these handicaps. If you are interested I can send the xwb-code and the XSL template to you.
Anyway, great idea and I like the effect pretty much.
1. The extension uses DIV container, which produces additional code with no sense.
2. Extension builder offers the possibility to let WWB decide to upload jQuery or not (since it is already included with another item of the site), so it is not neccessary to make the selection yourself.This makes sense to avoid the use of different versions of jQuery in one page.
3. You have limited the numbers of objects to 10. Use the dataset property combined with an XSL-template and you can use as many objects as you like.
I have re-written your extension to overcome these handicaps. If you are interested I can send the xwb-code and the XSL template to you.
Anyway, great idea and I like the effect pretty much.
- madebyibloo
-
- Posts: 371
- Joined: Fri Mar 27, 2009 3:58 pm
- Location: East Yorkshire, United Kingdom
- Contact:
Re: Object ID Fader - Extension
Hi presto! Thanks for your input! always appreciated!presto wrote:Why didn't you make use of the possibilities of the extension maker?
1. The extension uses DIV container, which produces additional code with no sense.
2. Extension builder offers the possibility to let WWB decide to upload jQuery or not (since it is already included with another item of the site), so it is not neccessary to make the selection yourself.This makes sense to avoid the use of different versions of jQuery in one page.
3. You have limited the numbers of objects to 10. Use the dataset property combined with an XSL-template and you can use as many objects as you like.
I have re-written your extension to overcome these handicaps. If you are interested I can send the xwb-code and the XSL template to you.
Anyway, great idea and I like the effect pretty much.
I'm not understanding what you mean by 'WWB decide to upload jQuery or not', In my experience its always good to have a choice to select if you are already using jquery in other objects, otherwise the extension will not work (sticky layers for example)....basically if you have 'no' jquery objects on the page in WB and you decide to choose this extension then you need jquery included for it to work. Hope i'm making sense.
As for the 'number of objects', i basically wrote eveything pretty quicky and released it, so thats my bad on my part, a rush job lets say cause i'm abit snowed under with work and life etc, but thats what I always use the versions for for future updates
As for your offer, Yes please! any help and input on these kind of things is always appreciated as it saves me so much time! So thank you very much for the offer, could you please send all files across to my Ibloo.co.uk email address which you can find on my website.
Thanks for your input, i'm always trying to come up with simple but effective ideas that are not widely available so thanks for your respect.
Cheers,
Scott
Cheers,
Scott
www.madebyibloo.com - a creative design studio.
Scott
www.madebyibloo.com - a creative design studio.
Re: Object ID Fader - Extension
You should address the containing div id instead of the object inside
so for text it will work if you use wb_Text1.
Hans
so for text it will work if you use wb_Text1.
Hans
- madebyibloo
-
- Posts: 371
- Joined: Fri Mar 27, 2009 3:58 pm
- Location: East Yorkshire, United Kingdom
- Contact:
Re: Object ID Fader - Extension
Thanks Hans! appreciate it!haakoo wrote:You should address the containing div id instead of the object inside
so for text it will work if you use wb_Text1.
Hans
Cheers,
Scott
Cheers,
Scott
www.madebyibloo.com - a creative design studio.
Scott
www.madebyibloo.com - a creative design studio.
- madebyibloo
-
- Posts: 371
- Joined: Fri Mar 27, 2009 3:58 pm
- Location: East Yorkshire, United Kingdom
- Contact:
Re: Object ID Fader - Extension
Guys I need your input please.....Like Hans said regarding the 'text object', I'm not sure what direction to go with, with the next update?
Here's the choices,
1) Leave as is and make a note in the pdf regarding 'wb_' prefix when inputting text.
2) Change the actaul output code to include 'wb_' (This would work with Shapes & Text as Hans mentioned but would not work for objects such as 'Layers' which dont have the prefix wb_
3) Include actaul options in the properties section of the extension to include a prefix option true/false (This might get to complicated for beginner users etc as I would like to keep it as simple as possible for all)
Whats your thoughts? your input is appreciated
Cheers,
Scott
Here's the choices,
1) Leave as is and make a note in the pdf regarding 'wb_' prefix when inputting text.
2) Change the actaul output code to include 'wb_' (This would work with Shapes & Text as Hans mentioned but would not work for objects such as 'Layers' which dont have the prefix wb_
3) Include actaul options in the properties section of the extension to include a prefix option true/false (This might get to complicated for beginner users etc as I would like to keep it as simple as possible for all)
Whats your thoughts? your input is appreciated
Cheers,
Scott
Cheers,
Scott
www.madebyibloo.com - a creative design studio.
Scott
www.madebyibloo.com - a creative design studio.
Re: Object ID Fader - Extension
Option 2 please
Last edited by zinc on Sun Mar 25, 2012 6:50 pm, edited 1 time in total.
Running WYSIWYG Web Builder since 2007...
Re: Object ID Fader - Extension
I would have thought option 2 would be safer. Makes it easier for the end user and no need to remember the wb_. But I guess you'll have to make that an option just for text objects.
- madebyibloo
-
- Posts: 371
- Joined: Fri Mar 27, 2009 3:58 pm
- Location: East Yorkshire, United Kingdom
- Contact:
Re: Object ID Fader - Extension Updated ***26/03/2012***
Hi guys, the Update is now available! Thanks to presto and his help with the xsl, you can now select multiple objects including text objects!
Cheers,
Scott
Cheers,
Scott
Cheers,
Scott
www.madebyibloo.com - a creative design studio.
Scott
www.madebyibloo.com - a creative design studio.
Re: Object ID Fader - Extension Updated ***26/03/2012***
Nice one Scott.....we can have fun with this one! Many thanks.
- madebyibloo
-
- Posts: 371
- Joined: Fri Mar 27, 2009 3:58 pm
- Location: East Yorkshire, United Kingdom
- Contact:
Re: Object ID Fader - Extension Updated ***26/03/2012***
Adendum wrote:Nice one Scott.....we can have fun with this one! Many thanks.
Thanks Paul! appreciated!
Cheers,
Scott
Cheers,
Scott
www.madebyibloo.com - a creative design studio.
Scott
www.madebyibloo.com - a creative design studio.
Re: Object ID Fader - Extension Updated ***26/03/2012***
As always great work Scott!!!!
Running WYSIWYG Web Builder since 2007...
- madebyibloo
-
- Posts: 371
- Joined: Fri Mar 27, 2009 3:58 pm
- Location: East Yorkshire, United Kingdom
- Contact:
Re: Object ID Fader - Extension Updated ***26/03/2012***
Thanks B! we always like new toys to play with!bendigo wrote:As always great work Scott!!!!
Cheers,
Scott
Cheers,
Scott
www.madebyibloo.com - a creative design studio.
Scott
www.madebyibloo.com - a creative design studio.
Re: Object ID Fader - Extension Updated ***26/03/2012***
Yes It is people like yourself, Paul and BaconFries and RZ who are the masters of extensions and have really given WWB some really powerful features which otherwise would have been hard to incorporate into the project. So well done to you and the other members of this forum who put time and effort in helping the others and come up with cool features.
Running WYSIWYG Web Builder since 2007...
- madebyibloo
-
- Posts: 371
- Joined: Fri Mar 27, 2009 3:58 pm
- Location: East Yorkshire, United Kingdom
- Contact:
Re: Object ID Fader - Extension Updated ***26/03/2012***
Thanks B! thats awesome of you to say all that! it's always good to have great feedback as I have no hair left to pull out when I get stuck with extensions lol, so its very appreciated thank youbendigo wrote:Yes It is people like yourself, Paul and BaconFries and RZ who are the masters of extensions and have really given WWB some really powerful features which otherwise would have been hard to incorporate into the project. So well done to you and the other members of this forum who put time and effort in helping the others and come up with cool features.
You gotta give yourself some credit aswell!, you've come up with some great extensions!!! so thank you to you too! I came from using dreamweaver & flash for years then onto WB from about version 5 i believe and what a differenece it makes for the ease of use with great extensions, great support, aswell as a great and family style forum! I would never use any other software at all apart from this!
Cheers,
Scott
Cheers,
Scott
www.madebyibloo.com - a creative design studio.
Scott
www.madebyibloo.com - a creative design studio.
Re: Object ID Fader - Extension Updated ***26/03/2012***
hi SUB,
TNX for your index update mail! . nice extension . .
you could correct that wb_ thing automatic in your script, change your script something like (rough xsl) ...
<xsl each>
var wb='#wb_';if ($('#wb_<value SELECTOR>').length==0) {wb='#'};$(wb+'<value SELECTOR>').hide().delay(0).fadeIn(1500);
</xsl each>
you also might want to place the script in the EB3 'document ready' tag, limiting the 'ready' writes
maybe you can use it ?
cheers!
TNX for your index update mail! . nice extension . .
you could correct that wb_ thing automatic in your script, change your script something like (rough xsl) ...
<xsl each>
var wb='#wb_';if ($('#wb_<value SELECTOR>').length==0) {wb='#'};$(wb+'<value SELECTOR>').hide().delay(0).fadeIn(1500);
</xsl each>
you also might want to place the script in the EB3 'document ready' tag, limiting the 'ready' writes
maybe you can use it ?
cheers!
-
-
- Posts: 398
- Joined: Sun May 15, 2011 10:27 am
Re: Object ID Fader - Extension Updated ***26/03/2012***
@SUB
Hello, and great extension
While I was playing with your extension, I found out that the output in the javascript is "hide and FadeIn", so I tried changing these to "show and FadeOut" and it worked.
Would it be possible to choose whether to fade in or out the object using the extension (in a future update) without editing the generated html file?
That would be really useful
Thank you
Hello, and great extension
While I was playing with your extension, I found out that the output in the javascript is "hide and FadeIn", so I tried changing these to "show and FadeOut" and it worked.
Would it be possible to choose whether to fade in or out the object using the extension (in a future update) without editing the generated html file?
That would be really useful
Thank you
Re: Object ID Fader - Extension Updated ***26/03/2012***
waa ...
Cool ... works great. It's perfect .... But a small suggestion ... that would make perfect and indispensable if you can choose the "appearance", I mean ... now, the objects appear to fade ... would be very interesting to say .. slithering objects appear from a side or from above .... more or less with the options offered Wb in the section "Show with effect .."
Is it possible or not? ... Guess that will be hard work, but phew ... would be so good ...
WB is great .... but the forum members are ... more.
sorry for my English
Cool ... works great. It's perfect .... But a small suggestion ... that would make perfect and indispensable if you can choose the "appearance", I mean ... now, the objects appear to fade ... would be very interesting to say .. slithering objects appear from a side or from above .... more or less with the options offered Wb in the section "Show with effect .."
Is it possible or not? ... Guess that will be hard work, but phew ... would be so good ...
WB is great .... but the forum members are ... more.
sorry for my English
- madebyibloo
-
- Posts: 371
- Joined: Fri Mar 27, 2009 3:58 pm
- Location: East Yorkshire, United Kingdom
- Contact:
Re: Object ID Fader - Extension Updated ***26/03/2012***
diemer wrote:waa ...
Cool ... works great. It's perfect .... But a small suggestion ... that would make perfect and indispensable if you can choose the "appearance", I mean ... now, the objects appear to fade ... would be very interesting to say .. slithering objects appear from a side or from above .... more or less with the options offered Wb in the section "Show with effect .."
Is it possible or not? ... Guess that will be hard work, but phew ... would be so good ...
WB is great .... but the forum members are ... more.
sorry for my English
I will look into this for you
Cheers,
Scott
Cheers,
Scott
www.madebyibloo.com - a creative design studio.
Scott
www.madebyibloo.com - a creative design studio.
Re: Object ID Fader - Extension Updated ***26/03/2012***
Thank a lot SUB for the reply, and for try help us.
Diemer
Diemer