<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>

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

$('#slideshow img').slideshowify({
    parentEl: '#slideshow'
});

$("#slideshow").on('mouseenter', function () {
    $(this).find('div > img').stop(true, false);
});