简体   繁体   English

需要帮助修改小型javascript以旋转图像

[英]need help modifying small javascript for rotating images

I found this small code for rotating images in a placeholder, at this time I can only place one, could someone help me code this to place different folders to rotate in same or different pages.. 我发现了一个用于在占位符中旋转图像的小代码,目前我只能放置一个,有人可以帮我编码此代码以放置不同的文件夹以在相同或不同的页面中旋转。

     <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='images/rotate/1.jpg'><img alt='image0 (9K)' src='images/rotate/1.jpg' height='300' width='300' border='0' /></a>"; //a linked image
    items[1]="<a href='images/rotate/2.jpg'><img alt='image1 (9K)' src='images/rotate/2.jpg' height='300' width='300' border='0' /></a>"; //a linked image
    items[2]="<a href='images/rotate/3.jpg'><img alt='image2 (9K)' src='images/rotate/3.jpg' height='300' width='300' border='0' /></a>"; //a linked image
    items[3]="<a href='images/rotate/4.jpg'><img alt='image3 (9K)' src='images/rotate/4.jpg' height='300' width='300' border='0' /></a>"; //a linked image
    items[4]="<a href='images/rotate/1.jpg'><img alt='image4 (9K)' src='images/rotate/1.jpg' height='300' width='300' border='0' /></a>"; //a linked image
    items[5]="<a href='images/rotate/2.jpg'><img alt='image5 (18K)' src='images/rotate/2.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>

Try using a jquery plugin like jCarousel or rCarousel 尝试使用jCarousel或rCarousel之类的jquery插件

http://sorgalla.com/jcarousel/ http://sorgalla.com/jcarousel/

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM