Object ID Fader - Extension Updated ***26/03/2012***

[madebyibloo]

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

[Adendum]

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.

[zinc]

Great work Scott!!! Like Like Like

[madebyibloo]

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

[madebyibloo]

Great work Scott!!! Like Like Like

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 function




Cheers,
Scott

[presto]

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.

[madebyibloo]

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.

Hi presto! Thanks for your input! always appreciated!

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

[haakoo]

You should address the containing div id instead of the object inside
so for text it will work if you use wb_Text1.

Hans

[madebyibloo]

You should address the containing div id instead of the object inside
so for text it will work if you use wb_Text1.

Hans

Thanks Hans! appreciate it!



Cheers,
Scott

[madebyibloo]

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

[zinc]

Option 2 please

[Adendum]

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]

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

[Adendum]

Nice one Scott.....we can have fun with this one! Many thanks.

[madebyibloo]

Nice one Scott.....we can have fun with this one! Many thanks.

Thanks Paul! appreciated!



Cheers,
Scott

[zinc]

As always great work Scott!!!!

[madebyibloo]

As always great work Scott!!!!

Thanks B! we always like new toys to play with!



Cheers,
Scott

[zinc]

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.

[madebyibloo]

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.

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 you

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

[jordan]

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!

[supersonictt]

@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

[diemer]

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

[madebyibloo]

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

[diemer]

Thank a lot SUB for the reply, and for try help us.

Diemer