Completed

Mouseenter/mouseleave issue

This project was successfully completed by jsghines983 for $15 USD in a day.

Get free quotes for a project like this
Project Budget
$10 - $30 USD
Completed In
1 day
Total Bids
9
Project Description

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>[url removed, login to view]</li>

</ul>

</div>

SCRIPT

<script>

(function (e) {

[url removed, login to view] = function (t) {

var n = {

speed: 200,

effect: "fade",

dir: "ltr",

font_size: null,

color: null,

font_family: null,

delay_after: 3e3

};

[url removed, login to view](n, t);

var r = e(this);

var i = [url removed, login to view]();

[url removed, login to view](":first").hide();

[url removed, login to view]("direction", [url removed, login to view]);

[url removed, login to view]("font-size", t.font_size);

[url removed, login to view]("color", [url removed, login to view]);

[url removed, login to view]("font-family", t.font_family);

timer = setInterval(function () {

var e = [url removed, login to view]();

[url removed, login to view](":first").hide();

var n = [url removed, login to view](0);

var i = [url removed, login to view](1);

if ([url removed, login to view] == "slide") {

[url removed, login to view]();

[url removed, login to view](function () {

[url removed, login to view]().appendTo(r)

})

}

if ([url removed, login to view] == "fade") {

[url removed, login to view](function () {

[url removed, login to view]();

[url removed, login to view]().appendTo(r)

})

}

}, [url removed, login to view]);

if ([url removed, login to view] == "typing") {

var s = 0;

var o = 0;

var u = t.delay_after / [url removed, login to view];

var a = (new Array(1 + u)).join(" ");

var f = new Array;

[url removed, login to view](function () {

[url removed, login to view](e(this).text() + a)

});

count = [url removed, login to view];

timer = setInterval(function () {

result = f[o].substring(0, s);

e(r).html(result);

s++;

if (s == f[o].length) {

s = 0;

[url removed, login to view](r).hide().fadeIn("slow");

o++;

if (count == o) {

o = 0

}

}

}, [url removed, login to view])

}

}

})(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.

Completed by:
Skills Required

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online