Addon text effect

Replied by Brendanh on topic Addon text effect

Posted 2 years 3 months ago #63279
Ok, retested beta3.

effect 4 is still rendering above the before after fields, but the overflow issue is now ok.

effect 9 still the same. But, if you add:

span.titleck-effect {
position: relative;
}

The line is contained where it should be.

But, the line moves fully left to right, then the text appears. To me this seems like a timing issue in the JS settings for the effect?

As you have 2 effects running (line & letters) shouldn't the delay for each be similar?
Code:
targets: selector.querySelectorAll('.pbck-line'), translateX: [0, selector.getBoundingClientRect().width + 10], easing: "easeOutExpo", duration: 700, [color=red]delay: 100[/color] }).add({ targets: selector.querySelectorAll('.pbck-letter'), opacity: [0,1], easing: "easeOutExpo", duration: 600, offset: '-=775', [color=red]delay: (el, i) => 34 * (i+1)[/color]

Other than that, you're on the money :)
Last Edit:2 years 3 months ago by Brendanh
Attachments:
Last edit: 2 years 3 months ago by Brendanh.

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Addon text effect

Posted 2 years 3 months ago #63288

It's the language strings for the menu button title and description.

fixed

effect 4 is still rendering above the before after fields,

fixed, you must clear your browser cache to reload thenew files

effect 9 still the same.

fixed

As you have 2 effects running (line & letters) shouldn't the delay for each be similar?

the code is correct, the problem is that I have used an updated version of anime.js which contains some problem, it works with an older version

this will be fixed in the next version

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by Brendanh on topic Addon text effect

Posted 2 years 3 months ago #63289

it works with an older version


Let's go with the old version then.

As they say "If it isn't broken, don't fix it " :)

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Addon text effect

Posted 2 years 3 months ago #63339
the addon has been added in the 2.13.1 version

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by Heino on topic Addon text effect

Posted 1 year 10 months ago #64697
Hello Cédric,
after 2 months daily "work" PBCKpro I discovered the "Animated Text" addon, I never touched it..., a shame :)

Here is my question?
Is there a way to limit the transition to only 1 time?

I wanna use it on an H1 Title, fade in 1 time, and that's it, - pause than.

Do you have an idea? :)


Regards,
Tino

Page Builder CK Pro v3 +++ Template Creator Pro v5 +++ Tiny MCE +++ JCE
Browser: Iridium (Chrome) +++ Waterfox (Mozilla)
Joomla! v5 +++ php v8.2.12 +++ mysql v8.0.35

by Heino

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Addon text effect

Posted 1 year 10 months ago #64702
Hi
there is no option for that currently, you can try that :
- select your effect number (1, 2, 3....)
- go in the file

plugins\pagebuilderck\animatedtext\assets\animatedtext.js

and locate the function

function PBCK_animatedtext_effect_XX(selector) {

where XX is your effect number
- copy/paste the JS function into a JS file from your template
- modify the function, it shall apply, for example

anime.timeline({loop: false})


you must check that you own JS function is called after the file animatedtext.js in your page

Joomlack Webmaster and Developer

Last Edit:1 year 10 months ago by ced1870
Last edit: 1 year 10 months ago by ced1870.

Please Log in or Create an account to join the conversation.

Time to create page: 0.838 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1495 guests and one member online