JQuery при наведении начать скольжение изображения

Question

это то, что я получил

<div class='slides'>

    <img src='image1.jpg' />
    <img src='image2.jpg' />
    <img src='image3.jpg' />
    <img src='image4.jpg' />
    <img src='image5.jpg' />

</div>

просто случайные изображения внутри div, расположенные: абсолютно;так что все находятся в одинаковом положении

Что мне нужно сделать, так это то, что когда кто-то наводит курсор на элемент div «слайды», он начинает скользить изображения внутри него, на неподвижных остановках скольжения и так далее, если я получил большечем "слайды" div, попробовал с jquery Cycle следующий код

$('.slides').hover(
        function() {
                $(this).cycle({
                        fx:     'fade',
                    speed:   400,
                    timeout: 300,
                    pause:   0
                });
        },
        function(){
                $(this).cycle('stop');
        }
);

, но он не работает, надеюсь, я найду решение, вся помощь оценена, спасибо

Answer 1

Попробуйте это:

$(".slides").cycle({
                    fx:     'fade',
                    speed:   400,
                    timeout: 400,
                    pause:   0
                })
            .cycle('pause')
            .hover(
                function() {
                    $(this).cycle('resume');
                },
                function(){
                    $(this).cycle('pause');
                }
             );

Он запускает плагин, а затем немедленно приостанавливает его, затем наведите курсор мыши и, соответственно, приостановите его. Вот демо: http://jsfiddle.net/JKirchartz/HSE62/