[How to pause scrolling text using mouseenter]

Thank you Dipscom you are the MAN!!!!

 

This works perfectly.

[How to pause scrolling text using mouseenter]

Thank you for the response. here is my codepen 

See the Pen RppQZL by tweeden (@tweeden) on CodePen

 

it animates in my banner but it isn't animating in codepen. Idon't know what I did wrong. Nevertheless how do I get the auto scroll to work properly and how do I mouse enter to pause the scroll and mouse leave to resume? Thank you for the help.

[How to pause scrolling text using mouseenter]

Hi, I am using the scrollToPlugin to scroll  text automatically when banner loads. I need the scroll to pause when mouse enters the area and resume when it leaves. I am a newbie that needs help. Like I said the text scrolls automatically when banner loads but when I mouseenter it doesn't pause. Here is a sample of the code that I am using to accomplish my goal. I used a console.log to make sure everything is firing but still the scrolling text doesn't pause on mouse enter. I hope someone can help me understand what I am doing wrong.

 

  <script>

 function init() {

  box.play();

}

 

var scroll = document.getElementById("box");

var _scrollDuration = 160;

var tl = new TimelineMax();

 

 

tl.add(TweenLite.delayedCall(.5, startAutoScroll, [box, _scrollDuration]));

scroll.addEventListener('mouseenter', function() {

  console.log('listening');

tl.paused(!tl.paused());

});

 

scroll.addEventListener('mouseleave', function() {

  console.log('listening');

  tl.paused(!tl.paused());

});

  </script>

[Animating Banner with repeat() and repeatDelay()]

I was able to come up with a solution. Thanks for the interest.

[Animating Banner with repeat() and repeatDelay()]

Hi,

I am animating a html5 rich media banner ad that has repeat() and repeatDelay(). The duration of the banner is 15 sec with a repeat of 2 times. The issue I am having is the second time it starts it refreshes hard. Is there a way to make the second repeat come in softer?

Can this be done? If not can the timeline be duplicated to run consecutively after each other to give the effect of a repeat? The total duration can be 45sec. I hope this makes sense and someone can help. Thank you.