Js Code for image carousel

Js Code for image carousel, concise and clear, can replace the flash carousel function!

 

<Div style = "width: 287px; height: 248px; border: solid 1px # cecece; background: # F3F3F3; padding: 6px; "> <SCRIPT language =" javascript "type =" text/javascript "> var widths = 287; // wide var heights = 242; // high var counts = 4; // display quantity: img1 = new Image (); img1.src = 'images/index/3.jpg '; // Image address: img2 = new Image (); img2.src = 'images/index/4.jpg '; img3 = new Image (); img3.src = 'images/index/2.jpg'; img4 = new Image (); img4.src = 'images/index/1.jpg '; url1 = new Image (); url1.src =' http://URL?action-viewnews-itemid-2439 '; // URL of the Image link url2 = new Image (); url2.src =' http://URL/?action-viewnews-itemid-2386-page-1 '; Url3 = new Image (); url3.src =' http://URL/?action-viewnews-itemid-2384-page-4 '; Url4 = new Image (); url4.src =' http://URL/?action-viewnews-itemid-2377-page-2 '; Var nn = 1; var key = 0; function change_img () {if (key = 0) {key = 1;} else if (document. all) {document. getElementById ("pic "). filters [0]. apply (); document. getElementById ("pic "). filters [0]. play (duration = 2);} eval ('document. getElementById ("pic "). src = img '+ nn + '. src '); eval ('document. getElementById ("url "). href = url '+ nn + '. src '); for (var I = 1; I <= counts; I ++) {document. getElementById ("xxjdjj" + I ). className = 'axx';} document. getElementById ("xxjdjj" + nn ). className = 'bxx'; nn ++; if (nn> counts) {nn = 1;} tt = setTimeout ('change _ img () ', 6000 );} function changeimg (n) {nn = n; window. clearInterval (tt); change_img ();} document. write ('<style>'); document. write ('. axx {padding: 1px 7px; border-left: # ffffff 1px solid; font-weight: bold;} '); document. write ('a. axx: link,. axx: visited {text-decoration: none; color: # fff; line-height: 14px; font: 11px sans-serif; font-weight: bold;} '); document. write ('a. axx: active,. axx: hover {text-decoration: none; color: # fff; line-height: 14px; font: 11px sans-serif; font-weight: bold;} '); document. write ('. bxx {padding: 1px 7px; border-left: # ffffff 1px solid; font-weight: bold;} '); document. write ('a. bxx: link,. bxx: visited {text-decoration: none; color: # fff; line-height: 14px; font: 11px sans-serif; background-color: # ff0000; font-weight: bold;} '); document. write ('a. bxx: active,. bxx: hover {text-decoration: none; color: # fff; line-height: 14px; font: 11px sans-serif; background-color: # ff0000; font-weight: bold;} '); document. write ('</style>'); document. write ('<div style = "width:' + widths + 'px; height: '+ heights + 'px; overflow: hidden; text-overflow: clip; "> '); document. write ('<div> <a id = "url" target = "_ blank">  </a> </div>'); document. write ('<div style = "filter: alpha (style = 1, opacity = 10, finishOpacity = 80); background: #000000; width: 100%-2px; text-align: right; top:-14px; position: relative; margin: 1px; height: 20px; padding: 0px; margin: 0px; border: 0px; "> '); for (var I = 1; I <counts + 1; I ++) {document. write ('<a href = "javascript: changeimg (' + I + '); "id =" xxjdjj '+ I +' "class =" axx "target =" _ self "> '+ I +' </a> ');} document. write ('</div>'); change_img (); </SCRIPT> </div>