一段非常简单的让图片自动切换js代码_图象特效

复制代码 代码如下:

<script language =javascript >
var curIndex=0;
//时间间隔 单位毫秒
var timeInterval=1000;
var arr=new Array();
arr[0]="1.jpg";
arr[1]="2.jpg";
arr[2]="3.jpg";
arr[3]="4.jpg";
arr[4]="5.jpg";
arr[5]="6.jpg";
arr[6]="7.jpg";
setInterval(changeImg,timeInterval);
function changeImg()
{
    var obj=document.getElementById("obj");
    if (curIndex==arr.length-1) 
    {
        curIndex=0;
    }
    else
    {
        curIndex+=1;
    }
    obj.src=arr[curIndex];
}
</script>

<img id=obj src ="1.jpg" border =0 />
可以自己配置,自己设置每张图片切换的时间间隔,自己设置每张图片的路径(绝对、相对路径都可以)
虽然很简单,但是很实用。

时间: 2024-10-23 06:59:42

一段非常简单的让图片自动切换js代码_图象特效的相关文章

一段非常简单的让图片自动切换js代码

js 1<script language =javascript > 2var curIndex=0; 3//时间间隔 单位毫秒 4var timeInterval=1000; 5var arr=new Array(); 6arr[0]="1.jpg"; 7arr[1]="2.jpg"; 8arr[2]="3.jpg"; 9arr[3]="4.jpg";10arr[4]="5.jpg";11ar

一段实现页面上的图片延时加载的js代码_图象特效

相关地址:http://list.taobao.com/browse/30-50029375/n-1----------------------0---------yes-------g,ge3denzxhazdumzsgy3tsnzq-----------------------42-grid-commend-0-all-50029375.htm?TBG=14153.14.7&ssid=r18-s18 http://shop.qq.com/shopList.html 大家如果使用firebug

又一个图片自动缩小的JS代码_图象特效

<script language="JavaScript">  <!--  var flag=false;  function DrawImage(ImgD){  var image=new Image();  image.src=ImgD.src;  if(image.width>0 && image.height>0){    flag=true;    if(image.width/image.height>= 180/110)

简单的实现点击箭头图片切换的js代码_图象特效

图片上传即时显示缩略图的js代码_图象特效

<script language="javascript" type="text/javascript"> var allowExt = ['jpg', 'gif', 'bmp', 'png', 'jpeg']; var preivew = function(file, container){ try{ var pic = new Picture(file, container); }catch(e){ alert(e); } } //缩略图类定义 va

关于图片按比例自适应缩放的js代码_图象特效

如下图. 瞄了一下,居中可以用 text-align:center; 来实现.而按比例缩放,利用预设 <img /> 的 width .height 属性解决不了.因为用户图片可能是很长的,也可能是很宽的.在线上想了一下他们的关系,按条件来判断是这样的: 复制代码 代码如下: if(实际宽度 > 预览最大宽度) { 缩放宽度 = 预览最大宽度 } if(实际高度 > 预览最大高度) { 缩放高度 = 预览最大高度 } 但是这样会有问题,比如当宽度和高度都被缩放,如果缩放比较不同,图

javascript图片渐显效果代码_图象特效

在<head>到</head>之间插入如下的JAVASCRIPT代码: 在要插入的图片添加如下代码: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] *其中onMouseOver=nereidFade(this,50,10,4)中 style="FILTER: alpha(opacity=50)"表示图片的透明度为50% 

js 图片等比例缩放代码_图象特效

复制代码 代码如下: var scaleImage = function(o, w, h){ var img = new Image(); img.src = o.src; if(img.width >0 && img.height>0) { if(img.width/img.height >= w/h) { if(img.width > w) { o.width = w; o.height = (img.height*w) / img.width; } else

多浏览器兼容的qq图片轮换效果javascript代码_图象特效

22吨重挖掘机 中星九号直播 考后表情 1 2 3