如何在mouseenter上暂停幻灯片放映幻灯片？

Question

我正在使用名为Slideshowify的jQuery插件。不幸的是，它没有很多选项或功能，所以我被迫尝试创建自己的暂停并使用鼠标进入/离开玩。

如下所示，我已设法在.stop()上使用mouseenter设置停止动画，但我还没有找到一种方法在{{1}之后从当前状态播放动画}}。 我怎样才能做到这一点？

HTML：

mouseleave

CSS：

<div id="slideshow">
    <img src="http://lorempixel.com/output/city-h-c-320-500-2.jpg" />
    <img src="http://lorempixel.com/output/food-h-c-320-500-9.jpg" />
    <img src="http://lorempixel.com/output/abstract-h-c-320-500-10.jpg" />
</div>

JS：

#slideshow {
    background-color: #ffffff;
    position: relative;
    width: 320px;
    height: 320px;
    border: 1px solid #ffffff;
    z-index: 10;
}

WORKING DEMO