samedi 23 septembre 2017

Typed.js deletes The whole String after completing 1 loop, even if Smartbackspacing is activated

Someone have a Workaround for this?

So I have managed to create I Typing that looks good for me, but i found a problem that destroys the Harmony of the Typing: I have Smartbackspacing activated and wanted to loop the Typing, but after it completes 1 loop, it deletes the whole String and not just the Changed thing(like Smartbackspacing works). This doesnt look so good and so I made this feature request.

Jsfiddle {If it glitches a bit, try running it again or open up the Site(dont know why this happens.)}:

<div id="typed-strings" class="container-fluid">
                                          <p>WE create <strong>Graphics</strong></p>
                      <p>WE create <strong>Motion Graphics</strong></p>
                      <p>WE create <strong>Music</strong></p>
                      <p>WE create <strong>3D Models</strong></p>
                      <p>WE create <strong>Websites</strong></p>
                      <p>WE create <strong>Programs</strong></p>
                      <p>WE create <strong>Games</strong></p>
                  </div>
                                <div class="container-fluid" id="styleme"><span id="typing"></span></div>       

<script src="js/jquery-3.2.1.min.js"></script>
<script src="http://ift.tt/2wGII4i"></script>
        <script>
    var options = {
    stringsElement: "#typed-strings",
    typeSpeed: 80,
    backDelay: 700,
        backSpeed: 100,
    showCursor: true,
    autoInsertCss: false,
    cursorChar: '|',
        loop: true,
        loopcount: Infinity,    
  shuffle: true,
    }

    var typed = new Typed("#typing", options);

    </script>

Steps to Reproduce:

  1. Create A Typing with more then 1 String that works with Smartbackspacing (Example: "Hello there", "Hello Tom")
  2. Apply Smartbackspacing

  3. Apply Loop and Loopcount Infinity on it

  4. Watch until the Loop completed

Expected behavior: It uses Smartbackspacing which gives the effect of a never ending Loop.

Actual behavior: It doenst use Smartbackspacing and Deletes the whole Thing.

Reproduces how often: 100% With these Settings applied.




Aucun commentaire:

Enregistrer un commentaire