First we need to add some stylesheet.
.slideshow { // HTML DIV CLASS
position : absolute; // Set position,you can try with "relative" to use top,bottom,right,left!
margin : auto; // if you set relative here its not necessary,you can movied with margin-top,left,right,bottom
width : 950px; // set width
height : 150px; // set height
}
This is your html code,put this whatever you want to show.
<div class="slideshow" id="slideshow">
<img class="basicpacketheader" src="Link Image Here" alt="WebCreatorBG-SLIDESHOW" style="width:100%" width="950" height="150">
<img class="basicpacketheader" src="Link Image Here" alt="WebCreatorBG-SLIDESHOW" style="width:100%" width="950" height="150">
</div>
Now this is your javascript,put this after the html code
<script>
$(document).ready(function(){
var basicpacketIndex = 0;
basicpacketrotation();

function basicpacketrotation() {
var b;
var p = document.getElementsByClassName("basicpacketheader");
for (b = 0; b < p.length; b++) {
p[b].style.display = "none";
}
basicpacketIndex++;
if (basicpacketIndex > p.length) {basicpacketIndex = 1}
p[basicpacketIndex-1].style.display = "block";
setTimeout(basicpacketrotation, 2000);
}
});
</script>
Enjoy-WebCreatorBG