jquery - jQueryサイクルでボタンクリックで次/前のスライド

Question

私は jQuery の天才ではありません。私が使用しているこのコードの何が問題なのか、誰かが私にポインタを与えることができるかどうか疑問に思っています。スライダーは機能しますが、左右のキーを押して次のスライドと前のスライドに移動する必要があります。

これは、私が見落としていた明らかな間違いである可能性が非常に高いです。現時点では、キーを押しても何も起こりません。

jQuery

        <script>
        $(function() {
            $('.slideshow').cycle({
                fx:'scrollHorz',
                easing:'easeInOutCirc',
                speed:700,
                timeout:5000,
                pager:'.slideshow_wrapper .slideshow-paging'
            });
            $('.slideshow_wrapper').mouseenter(function(){
                $('.slideshow').cycle('pause');
            }).mouseleave(function(){
                $('.slideshow').cycle('resume');
            }).keyup(function(e) {
            if(e.keycode == 37)
                $('.slideshow').cycle('prev');
            if(e.keycode == 39)
                $('.slideshow').cycle('next');
            })
        });
    </script>

HTML

<section id="gallery" class="slideshow_wrapper">
<div class="slideshow-paging"></div>
<div class="slideshow">
    <article class="slideshow_item">
        <div class='image'>
            <a href='#'>
                <img src='[URL HERE]' />
            </a>
        </div>
    </article>
</div>