CMS Development

lauftn
Participant

Adding a typed.js effect on my homepage

Résolue

Hi, I would like to add a typed.js on my new homepage, but I don't know what code to paste where.
The desinger who implanted the code on our homepage left the company, and I don't know where to call the right js from.
The code used is this one : http://www.mattboldt.com/demos/typed-js

Our former home page is this one : http://www.exodata.fr
Our new home page I am working on is this one : https://goo.gl/K616r6

 

Thanx for your much appreciated help !

 

Laurent

0 Votes
1 Solution acceptée
TRooInbound
Solution
Conseiller clé

Adding a typed.js effect on my homepage

Résolue

Hi lauftn,

We will happy to help with this,

you have to just add below Javascript code in your page.

Your page "Add Footer HTML"

Like this,

https://knowledge.hubspot.com/articles/kcs_article/cos-general/how-can-i-add-code-snippets-to-the-he...

 

 

 <script src="https://www.exodata.fr/hs-fs/hub/587844/hub_generated/template_assets/1488177164053/Custom/page/001.Premium_Evolution/Typed.min.js" type="text/javascript"></script>
<script>
    $(function() {
        $("#typed").typed({
            // strings: ["Typed.js is a <strong>jQuery</strong> plugin.", "It <em>types</em> out sentences.", "And then deletes them.", "Try it out!"],
            stringsElement: $('#typed-strings'),
            typeSpeed: 10,
            backDelay: 1000,
            loop: true,
            contentType: 'html', // or text
            // defaults to false for infinite loop.
            loopCount: 4,
            callback: function(){ foo(); },
            resetCallback: function() { newTyped(); }
        });

        $(".reset").click(function(){
            $("#typed").typed('reset');
        });

    });
</script>

 

Thanks,

Hope this work!

Voir la solution dans l'envoi d'origine

3 Réponses
TRooInbound
Solution
Conseiller clé

Adding a typed.js effect on my homepage

Résolue

Hi lauftn,

We will happy to help with this,

you have to just add below Javascript code in your page.

Your page "Add Footer HTML"

Like this,

https://knowledge.hubspot.com/articles/kcs_article/cos-general/how-can-i-add-code-snippets-to-the-he...

 

 

 <script src="https://www.exodata.fr/hs-fs/hub/587844/hub_generated/template_assets/1488177164053/Custom/page/001.Premium_Evolution/Typed.min.js" type="text/javascript"></script>
<script>
    $(function() {
        $("#typed").typed({
            // strings: ["Typed.js is a <strong>jQuery</strong> plugin.", "It <em>types</em> out sentences.", "And then deletes them.", "Try it out!"],
            stringsElement: $('#typed-strings'),
            typeSpeed: 10,
            backDelay: 1000,
            loop: true,
            contentType: 'html', // or text
            // defaults to false for infinite loop.
            loopCount: 4,
            callback: function(){ foo(); },
            resetCallback: function() { newTyped(); }
        });

        $(".reset").click(function(){
            $("#typed").typed('reset');
        });

    });
</script>

 

Thanks,

Hope this work!

lauftn
Participant

Adding a typed.js effect on my homepage

Résolue

You rock! It works! Thank you very very much for your help!!!!

0 Votes
TRooInbound
Conseiller clé

Adding a typed.js effect on my homepage

Résolue

Hi @lauftn Cool, cheers 🙂  For more help please visit at www.trooinbound.com or email at hello@trooinbound.com

 

TRooInbound Team!

0 Votes