自己制作的js图片幻灯在ie中遇到的问题。请大侠们帮着看一下啊，急！！谢谢！！！！

在 IE 中，getElementsByName()、document.all[name] 均不能用来取得 div 元素

楼主的代码我在ie下测试没有问题。在ff下却有问题的。

其实这个幻灯片逻辑不难，就是加上最后那几个num判断之后，程序运行就不正常了在ie中，我就是怎么也找不到毛病了，请高手们再帮帮我看下

晕，不会吧,我在ie6中测试是不正常的, 在firefox中是正常的。大概5楼兄弟用的是ie7吧

在ie下可以用getElementsByName取得div的，不过此时是根据div的id来取的。
以下代码测试过：
<div id="aaa">asdf</div>
<script>
a = document.getElementsByName("aaa")
for(key in a)
alert(key+":"+a[key])
alert(a[0].innerHTML)
</script>

真的很纳闷。
我的
ie6.0.3790.0测试没问题
FF1.0.1测试只有第一个图片出来
报错是在117行左右

你的所谓的右转也仅仅是把上一个图片隐藏把下一个图片显示吧？并不是按像素慢慢移动的。
所以我建议你留一个容器即可。
<div>
<dl class="videobarM">
<dt> <a id="movieLink" href="#"> <img src="http://r.6.cn/imges/million/mov2.gif" /> </a> </dt>
<dd>综合分: <em id="movieScore">86866 </em> </dd>
</dl>
</div>
然后只用改movielink的内容和moviescore的内容即可，不用那么多的判断了。
link = []
img = []
scroe = []
定时的轮换上面3个量即可，我想你应该明白我的意思。

//因为工作上有特殊需求，要多加个判断图片容器div的数量,需求是图片容器的个数是3-5 随即的
这个的话则是对数组做处理即可不用对页面元素处理了。
^_^

在我的ie6.0中测试是，第一遍正常，轮转到第二遍时就不动了。
在ff2.0中测试一切正常。我在写ul导航时，li之间是没有空白节点的，就是说<li></li>与<li></li>之间是挨着的，没有空白节点。就是为了nextSibling属性不会出错。在ie中，空白结点是被nextSibling忽略的，而在ff中，空白节点也被nextSibling识别为一个节点。myvicy可能是因为这个原因ff出错谢谢myvicy的热心帮助！！

真是晕到家了。你看看你的函数定义，每个函数名多次重复使用，你觉得系统会调用你的哪个函数呢？
自己把这个测试看下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://6.cn/csjs/20080304/mt.js"> </script>
<style type="text/css">
li{list-style:none;}
a img{border:none;}
#msideCon{width:190px;height:238px;background:url(http://r.6.cn/imges/million/monthKing_bg.gif) -190px center repeat-y;overflow:hidden;}
#sideMovie{width:170px;height:190px;padding:3px;margin:0 auto;}
#sideMovieNav {float:right;margin-right:8px;margin-top:10px;}
#sideMovieNav li{float:left;}
#sideMovieNav li a{width:22px;height:23px;margin-right:3px;display:block;text-indent:-9999em;}
#sideMovieNav li a#m1{background:url(http://r.6.cn/imges/million/rotateImg_btn_1.gif) left bottom no-repeat;}
#sideMovieNav li a#m1.on{background-position:left top;}
#sideMovieNav li a#m2{background:url(http://r.6.cn/imges/million/rotateImg_btn_2.gif) left bottom no-repeat;}
#sideMovieNav li a#m2.on{background-position:left top;}
#sideMovieNav li a#m3{background:url(http://r.6.cn/imges/million/rotateImg_btn_3.gif) left bottom no-repeat;}
#sideMovieNav li a#m3.on{background-position:left top;}
#sideMovieNav li a#m4{background:url(http://r.6.cn/imges/million/rotateImg_btn_4.gif) left bottom no-repeat;}
#sideMovieNav li a#m4.on{background-position:left top;}
#sideMovieNav li a#m5{background:url(http://r.6.cn/imges/million/rotateImg_btn_5.gif) left bottom no-repeat;}
#sideMovieNav li a#m5.on{background-position:left top;}  .videobarM {margin:0 auto;width:170px;}
.videobarM dt,  .videobarM dd{line-height:1.8em;}
.videobarM dt {padding-left:18px;}
.videobarM dt a img{width:132px;height:84px;}
.videobarM dd{padding:3px;}
.videobarM dd em{color:#ff9000;font-family:Georgia;font-size:18px}
</style>
</head>
<body>
<div id="msideCon">
  <div id="sideMovie">
    <div>
      <dl class="videobarM">
        <dt> <a href="#"> <img src="http://r.6.cn/imges/million/zzy1.gif" /> </a> </dt>
        <dd>综合分: <em>86866 </em> </dd>
      </dl>
    </div>
    <div>
      <dl class="videobarM">
        <dt> <a href="#"> <img src="http://r.6.cn/imges/million/mov2.gif" /> </a> </dt>
        <dd>综合分: <em>86866 </em> </dd>
      </dl>
    </div>
    <div>
      <dl class="videobarM">
        <dt> <a href="#"> <img src="http://r.6.cn/imges/million/mov3.gif" /> </a> </dt>
        <dd>综合分: <em>86866 </em> </dd>
      </dl>
    </div>
    <div>
      <dl class="videobarM">
        <dt> <a href="#"> <img src="http://r.6.cn/imges/million/mov2.gif" /> </a> </dt>
        <dd>综合分: <em>86866 </em> </dd>
      </dl>
    </div>
  </div>
  <ul id="sideMovieNav">
    <li class="w1"> <a href="#" id="m1" class="on">1 </a> </li>
    <li class="w2"> <a href="#" id="m2">2 </a> </li>
    <li class="w3"> <a href="#" id="m3">3 </a> </li>
    <li class="w4"> <a href="#" id="m4">4 </a> </li>
    <li class="w5"> <a href="#" id="m5">5 </a> </li>
  </ul>
</div>
<script type="text/javascript">
var divs=$('sideMovie').getElementsByTagName('div');
var num=divs.length;
for (i=0; i <num; i++){
divs[i].id='w'+[i+1];
divs[i].style.display='none';
}
divs[0].style.display='block';
//因为工作上有特殊需求，要多加个判断图片容器div的数量,需求是图片容器的个数是3-5 随即的
i=0
if(num==3){
$('m4').remove();
$('m5').remove();
alert(i++)
function movieRight(){ moveRight('sideMovieNav', 'sideMovie', 'w3', 'm1', 'w1');alert(i++)};
function mov1() {setInterval('movieRight()', 3500);};
window.addEvent('load', mov1);
}
else if(num == 4){
$('m5').remove();
alert(i++)
function movieRight(){ moveRight('sideMovieNav', 'sideMovie', 'w4', 'm1', 'w1');alert(i++)};
function mov1() {setInterval('movieRight()', 3500);};
window.addEvent('load', mov1);
}
else if(num==5){
function movieRight(){ moveRight('sideMovieNav', 'sideMovie', 'w5', 'm1', 'w1');alert(i++)};
function mov1() {setInterval('movieRight()', 3500);};
window.addEvent('load', mov1);
}; // 前面要调用的向右轮转的函数
function moveRight(navId,wrapId,lastLinkClass,firstListClass,firstWrapId){ var links=$(navId).getElementsByTagName('a');
for(i=0;i <links.length;i++){
if (links[i].className == 'on'){
status=links[i].parentNode.className+":"+ lastLinkClass
if (links[i].parentNode.className == lastLinkClass){                    //如果是最后一个，则转到第一个
$(firstListClass).className='on';
links[i].className='';
var baos=$(wrapId).getElementsByTagName('div');
for(i=0; i <baos.length; i++){
baos[i].style.display='none';
}
$(firstWrapId).style.display='block';
}
else{
links[i].className=''; //正常向右移动
status=status+(i+":"+links[i+1])
links[i+1].className='on';
var current=links[i].parentNode.nextSibling.className; //现在应该显示的内容id
var baos=$(wrapId).getElementsByTagName('div');
for(i=0; i <baos.length; i++){
baos[i].style.display='none';
}
$(current).style.display='block';

};
}
}
}
</script>
</body>

这个代码可以用了。
不过看了看你的逻辑感觉很怪异。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="http://6.cn/csjs/20080304/mt.js"> </script>
<style type="text/css">
li{list-style:none;}
a img{border:none;}
#msideCon{width:190px;height:238px;background:url(http://r.6.cn/imges/million/monthKing_bg.gif) -190px center repeat-y;overflow:hidden;}
#sideMovie{width:170px;height:190px;padding:3px;margin:0 auto;}
#sideMovieNav {float:right;margin-right:8px;margin-top:10px;}
#sideMovieNav li{float:left;}
#sideMovieNav li a{width:22px;height:23px;margin-right:3px;display:block;text-indent:-9999em;}
#sideMovieNav li a#m1{background:url(http://r.6.cn/imges/million/rotateImg_btn_1.gif) left bottom no-repeat;}
#sideMovieNav li a#m1.on{background-position:left top;}
#sideMovieNav li a#m2{background:url(http://r.6.cn/imges/million/rotateImg_btn_2.gif) left bottom no-repeat;}
#sideMovieNav li a#m2.on{background-position:left top;}
#sideMovieNav li a#m3{background:url(http://r.6.cn/imges/million/rotateImg_btn_3.gif) left bottom no-repeat;}
#sideMovieNav li a#m3.on{background-position:left top;}
#sideMovieNav li a#m4{background:url(http://r.6.cn/imges/million/rotateImg_btn_4.gif) left bottom no-repeat;}
#sideMovieNav li a#m4.on{background-position:left top;}
#sideMovieNav li a#m5{background:url(http://r.6.cn/imges/million/rotateImg_btn_5.gif) left bottom no-repeat;}
#sideMovieNav li a#m5.on{background-position:left top;}  .videobarM {margin:0 auto;width:170px;}
.videobarM dt,  .videobarM dd{line-height:1.8em;}
.videobarM dt {padding-left:18px;}
.videobarM dt a img{width:132px;height:84px;}
.videobarM dd{padding:3px;}
.videobarM dd em{color:#ff9000;font-family:Georgia;font-size:18px}
</style>
</head>
<body>
<div id="msideCon">
  <div id="sideMovie">
    <div>
      <dl class="videobarM">
        <dt> <a href="#"> <img src="http://r.6.cn/imges/million/zzy1.gif" /> </a> </dt>
        <dd>综合分: <em>86866 </em> </dd>
      </dl>
    </div>
    <div>
      <dl class="videobarM">
        <dt> <a href="#"> <img src="http://r.6.cn/imges/million/mov2.gif" /> </a> </dt>
        <dd>综合分: <em>86866 </em> </dd>
      </dl>
    </div>
    <div>
      <dl class="videobarM">
        <dt> <a href="#"> <img src="http://r.6.cn/imges/million/mov3.gif" /> </a> </dt>
        <dd>综合分: <em>86866 </em> </dd>
      </dl>
    </div>
    <div>
      <dl class="videobarM">
        <dt> <a href="#"> <img src="http://r.6.cn/imges/million/mov2.gif" /> </a> </dt>
        <dd>综合分: <em>86866 </em> </dd>
      </dl>
    </div>
  </div>
  <ul id="sideMovieNav">
    <li class="w1"> <a href="#" id="m1" class="on">1 </a> </li>
    <li class="w2"> <a href="#" id="m2">2 </a> </li>
    <li class="w3"> <a href="#" id="m3">3 </a> </li>
    <li class="w4"> <a href="#" id="m4">4 </a> </li>
    <li class="w5"> <a href="#" id="m5">5 </a> </li>
  </ul>
</div>
<script type="text/javascript">
var divs=$('sideMovie').getElementsByTagName('div');
var num=divs.length;
for (i=0; i <num; i++){
divs[i].id='w'+[i+1];
divs[i].style.display='none';
}
divs[0].style.display='block';
//因为工作上有特殊需求，要多加个判断图片容器div的数量,需求是图片容器的个数是3-5 随即的
if(num==3){
$('m4').remove();
$('m5').remove();
}
else if(num == 4){
$('m5').remove();
}
function movieRight(){ moveRight('sideMovieNav', 'sideMovie', 'w'+num, 'm1', 'w1');};
function mov1() {setInterval('movieRight()', 3500);};
window.addEvent('load', mov1);
// 前面要调用的向右轮转的函数
function moveRight(navId,wrapId,lastLinkClass,firstListClass,firstWrapId){ var links=$(navId).getElementsByTagName('a');
for(i=0;i <links.length;i++){
if (links[i].className == 'on'){
status=links[i].parentNode.className+":"+ lastLinkClass
if (links[i].parentNode.className == lastLinkClass){                    //如果是最后一个，则转到第一个
$(firstListClass).className='on';
links[i].className='';
var baos=$(wrapId).getElementsByTagName('div');
for(i=0; i <baos.length; i++){
baos[i].style.display='none';
}
$(firstWrapId).style.display='block';
}
else{
links[i].className=''; //正常向右移动
status=status+(i+":"+links[i+1])
links[i+1].className='on';
var current=links[i].parentNode.nextSibling.className; //现在应该显示的内容id
var baos=$(wrapId).getElementsByTagName('div');
for(i=0; i <baos.length; i++){
baos[i].style.display='none';
}
$(current).style.display='block';
};
}
}
}
</script>
</body>

呵呵，多谢myvicy,这个东西我是用以前写的一个东西顺便改的，自己都感觉怪怪的，不过也是临时赶时间。我也入行不深，呵呵

调试易

自己制作的js图片幻灯在ie中遇到的问题。请大侠们帮着看一下啊，急！！谢谢！！！！

解决方案 »

自己制作的js图片幻灯 在ie中遇到的问题。请大侠们帮着看一下啊，急！！谢谢！！！！

解决方案 »

自己制作的js图片幻灯在ie中遇到的问题。请大侠们帮着看一下啊，急！！谢谢！！！！