CMS Development

lauftn
Teilnehmer/-in

Adding a typed.js effect on my homepage

lösung

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 Upvotes
1 Akzeptierte Lösung
TRooInbound
Lösung
Autorität

Adding a typed.js effect on my homepage

lösung

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!

Lösung in ursprünglichem Beitrag anzeigen

3 Antworten
TRooInbound
Lösung
Autorität

Adding a typed.js effect on my homepage

lösung

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
Teilnehmer/-in

Adding a typed.js effect on my homepage

lösung

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

0 Upvotes
TRooInbound
Autorität

Adding a typed.js effect on my homepage

lösung

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

 

TRooInbound Team!

0 Upvotes