[rz] Late-Activation Object *** UPD 2016-Oct-30 ***

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

[rz] Late-Activation Object *** UPD 2016-Oct-30 ***

Post by [RZ] » Mon Nov 03, 2014 7:54 pm

[rz] LAO v1.0.1

Late-Activation Object (aka "LAO").
This extension allows you to configure a selective late-activation feature to objects according to their visibility in the viewport area (images or any other object).

Some features:

- Multi-instance for individual configurations.
- Multiple objects with the same configuration.
- One-time effect or every time the object is in the viewport area.
- Opacity levels for both inactive and active statuses.
- Minimum part (in size) of the object that must be in the viewport to activate it.
- Fade-in factor for smooth effect.
- Optional delayed activation once the object is in the viewport.


HTML 4.01 Transitional
W3C compliant


DEMO


* New in version 1.0.1:

- New units mode (px and %) for improved minimum-size of object visibility calculation.
- Minor code tweaks.


How to use?

1. Design your page as you usually do.
2. Drag and drop the extension.
3. Open the extension dialog box and enter the objects names which you want to apply the effect.
4. Optionally, you can customize the objects activation behavior.
5. Preview or publish.

Enjoy!
Last edited by [RZ] on Sat Oct 29, 2016 9:47 pm, edited 1 time in total.

User avatar
FX3D
 
 
Posts: 58
Joined: Sat Dec 17, 2011 5:52 pm

Re: [rz] Late-Activation Object

Post by FX3D » Mon Nov 03, 2014 11:26 pm

Nice work [Rz] :P

Does this allow for timed (late) activation of effects ?

Like as you scroll down a slide in layer will occur, or have I misinterpreted "object" ?


Sorry for the confusion


xD

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

Re: [rz] Late-Activation Object

Post by [RZ] » Tue Nov 04, 2014 5:35 am

it shows and hides objects only when they are in the viewport or out of it
this occurs when there is enough content to scroll the page, as in the online demo
i.e. some modern blogs have this feature for the images, however this extension handles images, layers, slideshows, shapes, texts, etc...
thank you for your feedback

User avatar
zinc
 
 
Posts: 1382
Joined: Sat Dec 08, 2007 3:06 pm
Location: London, United Kingdom

Re: [rz] Late-Activation Object

Post by zinc » Tue Nov 04, 2014 8:17 am

One of my very fave exts. Well done RZ.
Good news everyone!

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

Re: [rz] Late-Activation Object

Post by [RZ] » Tue Nov 04, 2014 11:57 am

thank you zinc

naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: [rz] Late-Activation Object

Post by naftalina » Fri Nov 14, 2014 1:02 pm

Is it possible to use this extension in combination with CSS3 animations?

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

Re: [rz] Late-Activation Object

Post by [RZ] » Fri Nov 14, 2014 2:10 pm

which kind of animation?

naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: [rz] Late-Activation Object

Post by naftalina » Fri Nov 14, 2014 2:42 pm

that object comes from sides, zoom from back and similar.
So, In the moment when object is activated then start object CSS3 animation.

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

Re: [rz] Late-Activation Object

Post by [RZ] » Sat Nov 15, 2014 4:11 pm

i assume the animations you are referring to are css3 based
the extension uses pure javascript
there are independent effects

naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: [rz] Late-Activation Object

Post by naftalina » Sat Nov 15, 2014 4:40 pm

I will buy extension but I like to know.

So, on this site I used extension which delay object appearance, and when object appear than starts independent (not part of extension) CSS3 animation.
http://radio-korcula.hr/

Is it possible to do something like this with LAO?
So, when you scrolling then object apper then start CSS3 animation?


Sorry about my english. Please make a little effort to understand. ;)

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

Re: [rz] Late-Activation Object

Post by [RZ] » Sat Nov 15, 2014 4:44 pm

you can delay the object visibility once it is in the visible area of the viewport, fading-in smoothly
this is a javascript effect, the extension is not based on css3
you must have enough content in the page so as the visitor need to scroll down and up, this way, when the selected objects are in the visible area, then will turn themselves visible
this effect can be permanent or just one-time

naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: [rz] Late-Activation Object

Post by naftalina » Sat Nov 15, 2014 4:50 pm

I don't need fade. Can I set fade to "no" or "0"?
Just need object appearing in the visible area.
So this is it about LAO!
Now start CSS3 animation which is not part of LAO but part of object preferences.

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

Re: [rz] Late-Activation Object

Post by [RZ] » Sat Nov 15, 2014 4:52 pm

if you dont need the fade effect, just set it to 0
of course, you should setup a delay to the image visibility, otherwise you won't see nothing but a normal image

naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: [rz] Late-Activation Object

Post by naftalina » Sat Nov 15, 2014 4:59 pm

uh :/

naftalina
 
 
Posts: 249
Joined: Sun Jun 16, 2013 6:36 am
Location: Croatia
Contact:

Re: [rz] Late-Activation Object

Post by naftalina » Sat Nov 15, 2014 5:00 pm

Instead of fade efekt I want to use independent CSS3 animation?!

Post Reply