| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 532 人关注过本帖
标题:图片不能转换,求指点
只看楼主 加入收藏
long55290080
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2012-12-13
收藏
 问题点数:0 回复次数:2 
图片不能转换,求指点
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8"/>
<meta name="keywords" content="javascript图片轮换 by 司徒正美" />
<meta name="description" content="javascript图片轮换 by 司徒正美" />
<title>javascript图片轮换 by 司徒正美</title>
<style type="text/css">
  #album {
    position:relative;
    width:400px;
    height:300px;
    border:5px solid #8080C0;
  }

  #album ul,#album li {
    list-style:none;
    margin:0;
    padding:0;
  }

  #album ul {
    position:relative;
    height:300px;
    width:400px;
    overflow:hidden;
    background:transparent url(http://) no-repeat 0 0;
  }

  #album li {
    position:absolute;
    width:1000%;
  }

  #album a {
    float:left;
  }

  #album img {
    display:block;
    border:0;
  }

  #album span {
    position:absolute;
    right:0;
    bottom:10px;
  }

  #album span a {
    display:block;
    margin-right:10px;
    width:15px;
    height:15px;
    line-height:15px;
    text-align:center;
    text-decoration:none;
    color:gray;
    background:transparent url(http://) no-repeat -15px 0;
  }

  #album span a:hover,#album span a.hover {
    color:#000000;       //鼠标经过时的颜色
    background-position:0 0;
  }
</style>
<script type="text/javascript">
var obj,first,total,cn,delay=1000
function window.onload(){
      obj=document.getElementById("turn")      //捕获ID为turn的对象
      first=1                           //第一张图片的路径信息
      total=6                          //最后一张图片的路径信息
      cn=1                              //当前显示的图片路径信息
      setTimeout("change()",delay/2)  
//delay/2毫秒后执行change()函数
}
function change(){
      url="http://                   //图片路径的前部分
      suffix=".jpg"                     //图片的扩展名
      if(cn<total)                 //如果当前图片数字小于最后一张的图片数字
         url+=(cn+=1)+suffix           //cn自增1,并连接字符串得到url
//否则如果当前图片数字等于最后一张的图片数字,即轮换到最后一张时
      else if(cn==total)  
//cn重调为first(第一张图片),并且连接字符串得到url
         url+=(cn=first)+suffix  
      with(obj.filters.revealTrans){
         apply()                //捕获对象内容的初始显示,为转换做必要的准备
//revealTrans滤镜的转换效果,0到22为23种效果,
//23为23种效果的随机一种
         transition=23
         obj.src=url                     //设置图片的路径
         play()                           //开始转换。
      }
      setTimeout("change()",delay)//delay毫秒后再次执行change()函数
}

</script>
</head>
<body>
<h4>javascript图片轮换 by 司徒正美</h4>
<div id="album">
  <ul>
    <li>
      <a href="http:// id="index1">
        <img alt="月光下的花瓣" src="http:// />
      </a>
      <a href="http:// id="index2">
        <img alt="清澈的湖水" src="http:// />
      </a>
      <a href="http:// id="index3">
        <img alt="荒漠上的植物" src="http:// />
      </a>
      <a href="http:// id="index4">
        <img alt="末日霓虹" src="http:// />
      </a>
      <a href="http:// id="index5">
        <img alt="绿·生意" src="http:// />
      </a>
      <a href="http:// id="index6">
        <img alt="又是收获的季节" src="http:// />
      </a>
    </li>
  </ul>
  <span>
    <a href="#index1">1</a>
    <a href="#index2">2</a>
    <a href="#index3">3</a>
    <a href="#index4">4</a>
    <a href="#index5">5</a>
    <a href="#index6">6</a>
  </span>
</div>
</body>
</html>
小弟刚刚接触,不明白错在哪里,求高手指点
搜索更多相关主题的帖子: 图片 javascript position content PUBLIC 
2012-12-17 09:14
login123456
Rank: 1
等 级:新手上路
帖 子:1
专家分:0
注 册:2013-1-29
收藏
得分:0 
回复 楼主 long55290080
mark一下
2013-01-29 16:50
xdsnet
Rank: 1
等 级:新手上路
帖 子:22
专家分:0
注 册:2013-2-27
收藏
得分:0 
没有在你的文件中找到turn对象,或者说id="turn"的对象,而这个对象是操作的关键。change函数的最终效果要体现在这个对象上
2013-02-28 12:26
快速回复:图片不能转换,求指点
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.054592 second(s), 9 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved