Dynalmivallly update

<table width="100%">

<tbody>

<tr>

<td width="30%"><img width="250" height="135" src="/sites/BGL/Banners_homepage/_t/BGLStaticBanner_JPG.jpg" alt=""/></td>

<td width="70%" valign="top"><div id="imgRotator">&#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 language="javascript" type="text/javascript">

var newBanner =0;

function rotateimages(){

var bannerImg = new Array();

var bannerLink = new Array();

$().SPServices({

operation: "GetListItems",

async: false,

listName: "BGLBanners",

CAMLRowLimit: 10,

completefunc: function (xData, Status) {

var i=0;

$(xData.responseXML).SPFilterNode("z:row").each(function() {

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

bannerImg[i]=pictureURL;

bannerLink[i]=bannerLinkURL;

i++;

});

}

});

var totalBan = bannerImg.length;

if (newBanner == totalBan)

{

newBanner = 0;

}

document.getElementById('imgRotator').innerHTML="<a target=_blank href="+bannerLink[newBanner]+"><img height=135 width=650 src="+bannerImg[newBanner]+"></a>";

newBanner++;

setTimeout("rotateimages()", 3*1000);

}

window.onload=function(){

rotateimages();

}

</script>

Dynamically Sliding Picture Library Images using SPService in CEWP (Content Editor Web part)

<div class="ama-outerwrapper"><table width="100%"><tbody><tr><td width="30%" class="ama-newsbox1"><img width="250" height="135" src="/sites/BGL/Banners_homepage/_t/BGLStaticBanner_JPG.jpg" alt=""/></td>
<td class="ama-newsbox2" valign="top"></td>
<td width="70%" class="ama-newsbox3" valign="top"><div class="ama-topnewsimage" id="imgRotator">&#160;</div></td></tr></tbody></table></div>
<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 language="javascript" type="text/javascript">


var curImgIndex=0
function rotateimages(){
var bannerImg = new Array();
var bannerLink = new Array();
$().SPServices({
operation: "GetListItems",
async: false,
listName: "BGLBanners",
CAMLRowLimit: 10,
completefunc: function (xData, Status) {
var i=0;
$(xData.responseXML).SPFilterNode("z:row").each(function() {    
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);
bannerImg[i]=pictureURL;
bannerLink[i]=bannerLinkURL;
i++;        
});  
}
});
var totalBan = bannerImg.length;

 
  if (newBanner == totalBan)
    {
    newBanner = 0;
    }
document.getElementById('imgRotator').innerHTML="<a target=_blank href="+bannerLink[newBanner]+"><img height=135 width=650 src="+bannerImg[newBanner]+"></a>";
newBanner++;
setTimeout("rotateimages()", 3*1000);
}

window.onload=function(){
rotateimages();
}</script>

Getting SharePoint List Items from Picture Library in CEWP

Step 1:

Add CEWP on page and GO to Edit Webpart and then click on html on top of the page and Add Jquery and SPservice Reference

<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 type="text/javascript">

Step 2:-

Add below simple code to get the list items, Don't forget to provide your listName

$(document).ready(function(){
alert("CEWP inside");
            $().SPServices({
                operation: "GetListItems",
                async: false,
                listName: "BGLBanners",
                CAMLRowLimit: 6,
                completefunc: function (xData, Status) {
  $(xData.responseXML).SPFilterNode("z:row").each(function() {
         var _url = '/' + $(this).attr("ows_RequiredField");
  alert(_url);
   var img_Size= $(this).attr("ows_ImageSize");
               alert(img_Size);
       
      });            
                }
            });
        });
</script>


All the best :)