مشکل در ساخت بنر چرخشی با جاوا اسکریپت و jqurey

[4831]

سلام

دوستان من کد جاوا اسکریپتم اجرا نمیشه!!! نمیدونم چرا بنظرم بیس کارم درسته:|
ولی اجرا نمیشه اصن

کدی که من توی تگ head تگ script میزنم این هست :

 <script>
 $(document).ready(function() {
 
var imgs = new Array(); 
var imgcnt = 0;



imgs[0] =  "aa.jpg";
imgs[1] = "bb.jpg";
imgs[2] = "cc.jpg";

function rotate() {

for(var i=0;i<3;i++){

document.getElementById("rollimg").src = imgs[i];

}
setInterval(rotate,5000);
});

و بعدش در تگ body کد زیر رو میزنم:

<p align="center"><img src="aa.jpg" width=”150″ height=”150″ border=”0″ alt=”Cycling banner images” id=”rollimg” />

کدها رو تقریبا میشه گفت از این سایت برداشتم یه سری تغییرات کمی روش دادم!

این کد اسکریپت هم فایل خارجی ندادم که بخواد الحاق بشه! تو خوده صفحه ی طراحی اصلیم اون اسکریپتش رو گذاشتم!

کسی میدونه اشکال این کد ها کجاست؟
چرا برای من اجرا نمیشه؟؟

اصل الگوریتمش اینجوری هست یه آرایه تعریف کردم آدرس عکس هام رو ریختم تو هم کدوم از خونه های آرایه
بعدش اولین بار که میره عکس اول رو میذاره(کدی که تو body هست) باید src عکسا رو جایگزین کنه و 3تا عکس رو نمایش بده:| ولی همون رو عکس اول می مونه و هیچ تغییری رخ نمیده!


ممنون میشم راهنماییم کنید.
باتشکر

 

[blackhacking21]

<script language="JavaScript1.2">

var howOften = 5; //number often in seconds to rotate
var current = 0; //start the counter at 0
var ns6 = document.getElementById&&!document.all; //detect netscape 6

// place your images, text, etc in the array elements here
var items = new Array();
    items[0]="<a href='link.htm' ><img alt='image0 (9K)' src=' /Images/image0.jpg' height='300' width='300' border='0' /></a>"; //a linked image
    items[1]="<a href='link.htm'><img alt='image1 (9K)' src='/Images/image1.jpg' height='300' width='300' border='0' /></a>"; //a linked image
    items[2]="<a href='link.htm'><img alt='image2 (9K)' src='/Images/image2.jpg' height='300' width='300' border='0' /></a>"; //a linked image
   items[3]="<a href='link.htm'><img alt='image3 (9K)' src='/Images/image3.jpg' height='300' width='300' border='0' /></a>"; //a linked image
    items[4]="<a href='link.htm'><img alt='image4 (9K)' src='/Images/image4.jpg' height='300' width='300' border='0' /></a>"; //a linked image
    items[5]="<a href='link.htm'><img alt='image5 (18K)' src='/Images/image5.jpg' height='300' width='300' border='0' /></a>"; //a linked image
function rotater() {
    document.getElementById("placeholder").innerHTML = items[current];
    current = (current==items.length-1) ? 0 : current + 1;
    setTimeout("rotater()",howOften*1000);
}

function rotater() {
    if(document.layers) {
        document.placeholderlayer.document.write(items[current]);
        document.placeholderlayer.document.close();
    }
    if(ns6)document.getElementById("placeholderdiv").innerHTML=items[current]
        if(document.all)
            placeholderdiv.innerHTML=items[current];

    current = (current==items.length-1) ? 0 : current + 1; //increment or reset
    setTimeout("rotater()",howOften*1000);
}
window.onload=rotater;
//-->
</script>