wpengine

wpengine

Welcome, Guest
Username: Password: Remember me
Forgot your password? Forgot your username? Create an account
Forum
Animate It!
Advanced User Settings
Creating Nested animation in Joomla
  • Page:
  • 1
  • 2

TOPIC: Creating Nested animation in Joomla

Creating Nested animation in Joomla 9 years 10 months ago #94

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
You can create nested animations in JOOMLA in following simple steps:
1. Generate first "animation block" using "Animate It" button provided in the editor.
2. Generate another "animation block" using the same method.
3. place one "animation block" inside another.
4. place the final content to animate in the the inner "animation block."
for example
{edsanimate_animated_bounceOutLeft_delay8_eds-on-scroll}
{edsanimate_animated_bounceInLeft_delay2_eds-on-scroll}
	<CONTENT TO ANIMATE>
{/edsanimate}
{/edsanimate}

Note: Delays and Animation should be applied wisely to have a nice combination.
Last Edit: 9 years 10 months ago by eLEOPARD.
The administrator has disabled public write access.

Creating Nested animation in Joomla 9 years 6 months ago #151

  • fitri
  • fitri's Avatar
  • Offline
  • New Member
  • Posts: 5
  • Karma: 0
its not work at all... any other way please?? :( :(
The administrator has disabled public write access.

Creating Nested animation in Joomla 9 years 6 months ago #152

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
Dear fitri,

Could you please website address where you are facing the issue?
The administrator has disabled public write access.

Creating Nested animation in Joomla 9 years 6 months ago #153

  • fitri
  • fitri's Avatar
  • Offline
  • New Member
  • Posts: 5
  • Karma: 0
ypasm.my/index.php/programme-and-activit...ntarctica-and-arctic - this website is just the example...
you see the three picture is move together although i have assigned different animation for each picture.. and it takes a longer period of time to appear..
Last Edit: 9 years 6 months ago by fitri.
The administrator has disabled public write access.

Creating Nested animation in Joomla 9 years 6 months ago #154

  • fitri
  • fitri's Avatar
  • Offline
  • New Member
  • Posts: 5
  • Karma: 0
eLEOPARD Design Studios wrote:
You can create nested animations in JOOMLA in following simple steps:
1. Generate first "animation block" using "Animate It" button provided in the editor.
2. Generate another "animation block" using the same method.
3. place one "animation block" inside another.
4. place the final content to animate in the the inner "animation block."
for example
{edsanimate_animated_bounceOutLeft_delay8_eds-on-scroll}
{edsanimate_animated_bounceInLeft_delay2_eds-on-scroll}
	<CONTENT TO ANIMATE>
{/edsanimate}
{/edsanimate}

Note: Delays and Animation should be applied wisely to have a nice combination.

i write exactly how you told, but it not work nicely
Last Edit: 9 years 6 months ago by fitri. Reason: adding picture
The administrator has disabled public write access.

Creating Nested animation in Joomla 9 years 6 months ago #155

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
Dear fitri,
From what I see, it looks like the divs of particular animations are not properly closed or are conflicting with your <p> tage.

Please use the following code and see if its working:
<p>
    <div class=" animated bounceInUp delay1 duration2 eds-on-scroll ">
        //Image 1 content//
    </div>
    <div class=" animated bounceInUp delay3 duration2 eds-on-scroll ">
        //Image 2 content//
    </div>
    <div class=" animated bounceInUp delay5 duration2 eds-on-scroll ">
        //Image 3 content//
    </div>
</p>
The administrator has disabled public write access.
  • Page:
  • 1
  • 2
Forum
Animate It!
Advanced User Settings
Creating Nested animation in Joomla
Time to create page: 0.074 seconds

Need Customization? Feel free to...

Contact Us

If you like these extensions, help us buy Yoga Mats :)