Image sliding Using JQuery Cycle plugin

<table width="100%"><tbody><tr><td width="70%" valign="top"><div id="slideshowContentArea" style="margin: 5px; display: block">&#160;</div></td></tr></tbody></table>
<script src="/sites/BGL/SiteAssets/jquery-2.1.1.js" type="text/javascript"></script><script src="/sites/BGL/SiteAssets/jquery.SPServices-2014.01.js" type="text/javascript"></script><script src="/sites/BGL/SiteAssets/jquery.cycle.all.js" type="text/javascript"></script><script language="javascript" type="text/javascript">
 $(document).ready(function () {
         $().SPServices({
            operation: "GetListItems",
            async: false,
            listName: "BGLBanners",
            CAMLRowLimit: 10,
            completefunc: function (xData, Status) {
                $("#slideshowContentArea").html("");
               
                $(xData.responseXML).SPFilterNode("z:row").each(function () {
var title = $(this).attr("ows_Title");
                  var pictureURL = '/' + $(this).attr("ows_RequiredField");
                    var bannerLinkURL = $(this).attr("ows_BannerLinkURL");
                    var n = bannerLinkURL.indexOf(',');
                    bannerLinkURL = bannerLinkURL.substring(0, n != -1 ? n : s.length);
                 
var liHtml = "<div><a target=_blank href=" + bannerLinkURL + "><img align=left border=0 height=150 width=680 src=" + pictureURL + "></a><a href=" + bannerLinkURL + "><p><strong>" + title + "</strong></p></a></div>";

                   $("#slideshowContentArea").append(liHtml);
                });
 $("#slideshowContentArea").css("display", "block");

                $('#slideshowContentArea').cycle({
                    fx: 'scrollDown',
                    timeout: 6000,
                    delay: -3000
                });
            }
        });
});
    </script>