The following script pauses the slide when hovered, but does not continue when unhovered. I need it to go to the next slide when the user is finished reading a slide and moves his/her mouse off of the current slide. What I've tried is shown and I also tried mouseover. Using bootstrap framework.
HTML Code:
<div class="wrapper">
<ul class="slide">
<li>jQuery</li>
<li>jQuery plugins</li>
<li>Best, cool, free jQuery plugins download Best, cool, free jQuery plugins download Best, cool, free jQuery plugins download Best, cool, free jQuery plugins download Best, cool, free jQuery plugins download Best, cool, free jQuery plugins download</li>
<li>[login to view URL]</li>
</ul>
</div>
SCRIPT
<script>
(function (e) {
[login to view URL] = function (t) {
var n = {
speed: 200,
effect: "fade",
dir: "ltr",
font_size: null,
color: null,
font_family: null,
delay_after: 3e3
};
[login to view URL](n, t);
var r = e(this);
var i = [login to view URL]();
[login to view URL](":first").hide();
[login to view URL]("direction", [login to view URL]);
[login to view URL]("font-size", t.font_size);
[login to view URL]("color", [login to view URL]);
[login to view URL]("font-family", t.font_family);
timer = setInterval(function () {
var e = [login to view URL]();
[login to view URL](":first").hide();
var n = [login to view URL](0);
var i = [login to view URL](1);
if ([login to view URL] == "slide") {
[login to view URL]();
[login to view URL](function () {
[login to view URL]().appendTo(r)
})
}
if ([login to view URL] == "fade") {
[login to view URL](function () {
[login to view URL]();
[login to view URL]().appendTo(r)
})
}
}, [login to view URL]);
if ([login to view URL] == "typing") {
var s = 0;
var o = 0;
var u = t.delay_after / [login to view URL];
var a = (new Array(1 + u)).join(" ");
var f = new Array;
[login to view URL](function () {
[login to view URL](e(this).text() + a)
});
count = [login to view URL];
timer = setInterval(function () {
result = f[o].substring(0, s);
e(r).html(result);
s++;
if (s == f[o].length) {
s = 0;
[login to view URL](r).hide().fadeIn("slow");
o++;
if (count == o) {
o = 0
}
}
}, [login to view URL])
}
}
})(jQuery)
$('.slide').inewsticker({
speed: 2500,
effect: 'slide',
dir: 'ltr',
font_size: 18,
color: '#fff',
font_family: 'arial',
delay_after: 1000
});
$('.slide').on('mouseenter', function() {
clearInterval(timer);
});
$('.slide').on('mouseleave', function() {
setInterval(timer);
});
</script>
Also, the fade and typing effects aren't necessary, but when I try to remove them the script breaks. So the least amount of script would be best.
Hello,Client
Nice to meet you.
I have good bootsrap,wordpress,PHP,css,html,jquery,shopify, etc.
I will start your job immediately.
I have many experience in this job.
If u check me,I will finish your job excellently.
please contact me.