Melanjutkan article HTML Rotator, yang ini akan lebih menarik karena diberi effect fade saat slidenya.
Untuk effect gunakan prototype.js dan Scriptaculous
Ok See code below :
<html>
<head><title>Cetek</title>
<style type=”text/css”>
img{
border:none;
}
</style>
<script src=”js/scriptaculous/lib/prototype.js” type=”text/javascript”></script>
<script src=”js/scriptaculous/src/scriptaculous.js” type=”text/javascript”></script>
<script type=”text/javascript”>
var content = new Array(’<img src=”images/jseyes.gif”>’,'<img src=”images/icon_ots.png”>’,'<img src=”images/image1.png”>’);
var links = new Array(’http://www.google.com’,'http://www.stillcetek.com’,'http://www.yahoo.com’);
var contentStart = 0;
var contentCount = content.length;
var bannerSpeed = 10;
var bannerDuration = […]