radost
1
Hi all,
I would like to integrate a counter interaction like this one: https://codepen.io/SeanWhelan/pen/bErZYo?q=counter&limit=all&type=type-pens on a webflow page.
I put the CSS in header, the JQ in footer and the Html in embed code, but it didn’t work out: http://radostinas-cool-project.webflow.io/
It would be very nice if you could help me. Thanks a lot!
Kind regards,
Radost
samliew
(webflowexpert.com)
2
You did not import the counterUp
plugin script and its dependancy. jQuery does not need to be loaded again as Webflow loads a copy for you.
radost
3
Hi @samliew, thanks a lot for your help! However, I have no idea where and how should I import the counterUP plugin Should I import all 3?
Thanks!
samliew
(webflowexpert.com)
4
Before
<script>
$('.counter').counterUp({
delay: 10,
time: 2000
});
$('.counter').addClass('animated fadeInDownBig');
$('h3').addClass('animated fadeIn');
</script>
Insert
<script src="SCRIPTurlGOEShere"></script>
for each script (in same order as codepen), replace SCRIPTurlGOEShere
2 Likes
Can one of y’all explain exactly what you did to get this to work?