Banner Slideshow in action

07.52 | Label: blog

Contoh "Banner Slideshow in action" yang diatas dibuat dengan memasukkan kode berikut di antara tag <head>:

<script type="text/javascript" src="banner-slideshow.js"></script>
<script type="text/javascript">
<!––
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

// Banner
var myBanner = new BannerSlideshow();
myBanner.add('http://www.avrillavigne.com/us/home', 'banner1.png');
myBanner.add('http://htmlcssguides.com/', 'banner2.jpg');
myBanner.add('#', 'banner3.png');
myBanner.timer = 3;

// Set-up display
addLoadEvent(function(){
  myBanner.bind('my-banner');
  myBanner.startTimer();
});
//––>
</script>

Dan memasukkan kode berikut di dalam tag <body>, tepatnya sebelum titel dari tulisan ini ke lokasi dimana kita dapat melihat banner tersebut.