Questions tagged [jquery-textillate]

A jquery plugin for CSS3 text animations. Combines several libraries to provide one easy to use plugin for applying CSS3 animations to any text.

homepage

http://textillate.js.org/

github

https://github.com/jschr/textillate

syntax

<h1 class="tlt">My Title</h1>

<script>
  $(function() {
    $('.tlt').textillate();
  });
</script>
9 questions
4
votes
3 answers

jQuery Textillate options not creating the expected result

I have this textillate options set, already tried some examples on the web but no animation is running, on what I think is the correct. The objective is to create a button where the first text element goes fadeOutUp letter by letter randomly, and…
Miguel Machado
  • 180
  • 2
  • 3
  • 16
2
votes
2 answers

Issue with recalling my textille animation

I'd like to do an animation for my paragraph which's content is being replaced after clicking on a button. So button #start_animation should start the textillate in animation and button #out_animation should cause out animation. And then I click on…
wymyszony
  • 517
  • 3
  • 11
1
vote
1 answer

jQuery isn't detected on Textillate.js

I got an error message on my React like this: jQuery is not defined ReferenceError: jQuery is not defined at ./node_modules/textillate/jquery.textillate.js (http://localhost:3000/static/js/bundle.js:56432:4) at options.factory…
Gxogac
  • 124
  • 9
1
vote
1 answer

Not work callback for textillate

var $tlt = $('#q').textillate({ autoStart: false, in: { effect: 'fadeOutUp', callback: function () { alert("Hi !"); } } }); $tlt.textillate('start') This did not work,…
Petr21
  • 41
  • 3
0
votes
1 answer

Textillate JS-JQuery animation is not the selected one (and always the same)

I'm using textillate.js to add animation to text. My html page looks like this Textillate
Paa
  • 69
  • 3
  • 14
0
votes
1 answer

Why is textillate.js not working on window resize?

I want to animate my heading whenever the window is resized into pc and mobile view but Textilate only executes on reload. This is my code: function animateHeading() { $('#skysea').textillate({ in: { effect: 'fadeInRight' } }); …
overjoied
  • 103
  • 1
  • 6
0
votes
1 answer

Using Textillate with Royalslider

I am trying to integrate the Textillate script with Royalslider, but having issues getting Textillate to fire upon slide change, rather than on every slide upon first load. The 'Current' code below, which is attempting to initialise the…
dungey_140
  • 2,602
  • 7
  • 34
  • 68
0
votes
1 answer

Textillate jQuery not working

Using Textillate.js (http://jschr.github.io/textillate/) and just trying to get a basic animation going for it, not sure why mine is not working, looked at other SO questions and I literally just copied and pasted just to see if it was working, and…
user3380292
0
votes
1 answer

textillate text animation repeat text line after line

I would like to show my two text animations one after one using textillate $(function(){ // loop: true, in: {}, out: {} // .textillate({ minDisplayTime:10000,initialDelay: 100, loop: true, in: { effect: 'bounceInUp' },out: { delay: 3, effect:…