Effect Duration

bigfoot-design.at
Offline
Last seen: 5 years 9 months ago
Tue, 05/21/2013 - 18:06
#1
Effect Duration

The duration of the effect for a appearing image is too fast.

How can i change the duration of effects for images and text?

I'm using the bounceInDown effect.

Neo
Offline
Last seen: 1 year 6 months ago
Tue, 05/21/2013 - 18:58

Hi,
You can add new CSS class to mega-slider/admin/css/md-slider-style.css

.animate3s {
-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
-ms-animation-duration: 3s;
animation-duration: 3s;
}

and make some custom mega-slider/admin/list-styles.php (please read document: customization)

animate3s|Animatime time 3 sec

Then choose object that you want to change the duration of effects.

bigfoot-design.at
Offline
Last seen: 5 years 9 months ago
Tue, 05/21/2013 - 20:13

That does not work for me...i did what you said but it doesn't change anything.
I also can't see in the frontpage code where the class "animate3s" is mapped to my image.

Perhaps you can look at my slider here http://relaunch.bigfoot-design.at/
The image "bigfoot-design.at" should appear slower.

Neo
Offline
Last seen: 1 year 6 months ago
Tue, 05/21/2013 - 23:17

Sorry, this is detail steps:
- First you need add css to mega-slider/admin/css/md-slider-style.css
- Second, open mega-slider/admin/list-styles.php and add "animate3s|Animatie time 3 sec" (without quote) before the text "// Add your custom CSS here"
- Third, go to your slider, select image "bigfoot-design.at" and choose style "Animate time 3 sec".
That's all

bigfoot-design.at
Offline
Last seen: 5 years 9 months ago
Wed, 05/22/2013 - 14:23

Nope.
I did it, and i did it again.
No change. Look at http://relaunch.bigfoot-design.at/

I wonder why i cant see the class "animate3s" in firebug to this container. I think it should be there.

bigfoot-design_Schrift_21.05.13

Neo
Offline
Last seen: 1 year 6 months ago
Fri, 05/24/2013 - 18:32

My bad, I'll realease an update in next few days

bigfoot-design.at
Offline
Last seen: 5 years 9 months ago
Tue, 06/04/2013 - 14:07

Damn!

Your update didnt change anything for my problem. The duration is again 0.6 secons looking to:

.md-object {
animation-duration: 0.6s;
animation-fill-mode: both;
animation-timing-function: ease;
}

And my class is
.animate3s {
-webkit-animation-duration: 6s;
-moz-animation-duration: 6s;
-ms-animation-duration: 6s;
animation-duration: 6s;
}

http://relaunch.bigfoot-design.at/

Please help!

Neo
Offline
Last seen: 1 year 6 months ago
Wed, 06/05/2013 - 09:50

I think you missed some steps. Can you send login information to info[at]wpprime.com? I'll go and check it for you

3dommedia
Offline
Last seen: 5 years 12 months ago
Tue, 05/21/2013 - 19:26

My development slider is at http://sammoran.com/home2 As you can see with this slider.... Each image layer (not every layer, but most) disappears after the initial effect and only reappears when the final effect is shown. Is there any setting I am missing? See below screen grab.
http://bambambinos.com/images/paws/screengrab.jpg"

bigfoot-design.at
Offline
Last seen: 5 years 9 months ago
Tue, 05/21/2013 - 20:00

I think its easy to solve!

Just put the whole slider in a container (div, section...), give it height and width and do "overflow:hidden"....

3dommedia
Offline
Last seen: 5 years 12 months ago
Wed, 05/22/2013 - 10:48

This is only my test development page. However, I did place it in the DIV container like you mentioned thinking that it might help the animation problems. However, no change. Can you tell me what may be causing this problem? Is it a usual problem, or am I simply overlooking one of the settings on the screengrab link I attached. When you say that it will be fixed in next version tomorrow. Is there a new version to download due literally tomorrow?

Neo
Offline
Last seen: 1 year 6 months ago
Tue, 05/21/2013 - 23:14

Yes, there's an error with some effect. We'll update new version tomorrow.

bigfoot-design.at
Offline
Last seen: 5 years 9 months ago
Wed, 05/29/2013 - 21:33

Where can i get the updates?

Neo
Offline
Last seen: 1 year 6 months ago
Tue, 06/04/2013 - 08:16

Please login to codecanyon and download it.

Log in or register to post comments