急，帮我看看这个图片滚动效果

Question

页面网址：
http://www.jinchao.cn/dzzt/dzzt.html
可以点击右键查看一下源文件看代码我在下面这里加了style="margin-left:40px;"　，造成第三张图片只显示一边，不知道什么原因，大家帮忙看看啊。非常感谢！
<ul id="example1" style="margin-left:40px;">没有分了，不好意思。

Answer 1

class="bx_container"这个div的width只有712px

Answer 2

地址可以打开啊。我直接这么写也不行：
<div class="bx_container" style="width:850px;">
这个宽度好像是js计算出来的，不知道修改哪个地方

Answer 3

有两个div应用bx_container
修改下面div
<div class="bx_container" style="position: relative; width: 800px; overflow-x: hidden; overflow-y: hidden; ">

Answer 4

<div class="bx_container" style="position: relative; width: 752px; overflow: hidden;">
这个 div 的宽度又 712 改成 752

Answer 5

我google都显示正确...
你改的什么地方？？？

Answer 6

好好看看我说的
有两个div用的bx_container修改下面的div你修改的上面的能对么？？？

Answer 7

<div class="bx_container" style="position: relative; width: 752px; overflow: hidden;"> <DIV id=preview_div style="DISPLAY: none; Z-INDEX: 50; POSITION: absolute;border:1 gray solid;filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3);"></DIV>
<ul id="example1" style="margin-left:40px;">
我修改的这个地方的，不对吗？第二个应用bx_container的在哪？

Answer 8

<a href class="next">next</a>
下面有个你搜索一下也知道了...算了还是我给你放图吧...你修改的是上面的bx_container，应该修改下面的bx_container
明白？？？？

Answer 9

你右键查看源文件看到的是上面的代码？我怎么看不到？郁闷了
我看到的代码是：    <div class="examples_body">
<div class="bx_wrap">
<a class="prev" href="">left</a>
<a class="next" href="">right</a>
<div class="bx_container" > <DIV id=preview_div style="DISPLAY: none; Z-INDEX: 50; POSITION: absolute;border:1 gray solid;filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3);"></DIV>
<ul id="example1" style="margin-left:40px;">

<li><img height="280" width="182" src="images/2/01.jpg" border="1" onclick="showtrail('images/2/01.jpg')"  ></li>
<li><img height="280" width="182" src="images/2/02.jpg" border="1" onclick="showtrail('images/2/02.jpg')"  ></li>
<li><img height="280" width="182" src="images/2/03.jpg" border="1" onclick ="showtrail('images/2/03.jpg')"   ></li>
<li><img height="280" width="182" src="images/2/04.jpg" border="1" onclick="showtrail('images/2/04.jpg')"  ></li>
<li><img height="280" width="182" src="images/2/05.jpg" border="1" onclick ="showtrail('images/2/05.jpg')"   ></li>
<li><img height="280" width="182" src="images/2/06.jpg" border="1" onclick="showtrail('images/2/06.jpg')"  ></li>
<li><img height="280" width="182" src="images/2/07.jpg" border="1" onclick ="showtrail('images/2/07.jpg')"   ></li>
<li><img height="280" width="182" src="images/2/08.jpg" border="1" onclick="showtrail('images/2/08.jpg')"  ></li>
<li><img height="280" width="182" src="images/2/09.jpg" border="1" onclick ="showtrail('images/2/09.jpg')"   ></li>
<li><img height="280" width="182" src="images/2/10.jpg" border="1" onclick="showtrail('images/2/10.jpg')"  ></li>
<li><img height="280" width="182" src="images/2/11.jpg" border="1" onclick ="showtrail('images/2/11.jpg')"   ></li>
<li><img height="280" width="182" src="images/2/12.jpg" border="1" onclick="showtrail('images/2/12.jpg')"  ></li>
<li><img height="280" width="182" src="images/2/13.jpg" border="1" onclick ="showtrail('images/2/13.jpg')"   ></li>
<li><img height="280" width="182" src="images/2/14.jpg" border="1" onclick="showtrail('images/2/14.jpg')"  ></li>
<li><img height="280" width="182" src="images/2/15.jpg" border="1" onclick ="showtrail('images/2/15.jpg')"   ></li>
<li><img height="280" width="182" src="images/2/16.jpg" border="1" onclick="showtrail('images/2/16.jpg')"  ></li>
<li><img height="280" width="182" src="images/2/17.jpg" border="1" onclick ="showtrail('images/2/17.jpg')"   ></li>
<li><img height="280" width="182" src="images/2/18.jpg" border="1" onclick="showtrail('images/2/18.jpg')"  ></li>
<li><img height="280" width="182" src="images/2/19.jpg" border="1" onclick ="showtrail('images/2/19.jpg')"   ></li>
<li><img height="280" width="182" src="images/2/20.jpg" border="1" onclick="showtrail('images/2/20.jpg')"  ></li>
<li><img height="280" width="182" src="images/2/21.jpg" border="1" onclick ="showtrail('images/2/21.jpg')"   ></li>

                
</ul>
</div>
</div>
    </div>

Answer 10

document.getElementById("preview_div").innerHTML="<img src="+img1+" border=1 height=700 [color=#FF0000]width=150 onclick=hidetrail()>[/color]";
你在这里设置一个宽试试

Answer 11

document.getElementById("preview_div").innerHTML="<img src="+img1+" border=1 height=700 width=150 onclick=hidetrail()>";

Answer 12

嘿嘿，一群人看的都是运行时的源码，难怪楼主搞不定。改一下你的 JS 脚本吧，找到给 bx_container 计算宽度的地方，加上 40 就可以了。

Answer 13

Firefox 可以使用 Firebug，Chrome 自带有相应的工具，IE 9 也有。

Answer 14

有两个div用的bx_container修改下面的div

Answer 15

找到给 bx_container 计算宽度的地方，加上 40 就可以了这个js不知道在哪修改啊？对js没太多研究，而且这个js好像挺乱的，我直接在网上找来用的<script type="text/javascript">
    $(document).ready(function(){
$('#example1').bxCarousel({
display_num: 4, 
move: 1, margin: 20

});
$('#example2').bxCarousel({
display_num: 4, 
move: 1, 
auto: true, 
controls: false,
margin: 10,
auto_hover: true
});
});
/*
bxCarousel v1.0
Plugin developed by: Steven Wanderski
*/
(function($){$.fn.bxCarousel=function(options){var defaults={move:3,display_num:3,speed:500,margin:0,auto:false,auto_interval:5000,auto_dir:'next',auto_hover:false,next_text:'next',next_image:'',prev_text:'prev',prev_image:'',controls:true};var options=$.extend(defaults,options);return this.each(function(){var $this=$(this);var li=$this.find('li');var first=0;var fe=0;var last=options.display_num-1;var le=options.display_num-1;var is_working=false;var j='';var clicked=false;li.css({'float':'left','listStyle':'none','marginRight':options.margin});var ow=li.outerWidth(true);wrap_width=(ow*options.display_num)-options.margin;var seg=ow*options.move;$this.wrap('<div class="bx_container"></div>').width(999999);if(options.controls){if(options.next_image!=''||options.prev_image!=''){var controls='<a href="" class="prev"><img src="'+options.prev_image+'"/></a><a href="" class="next"><img src="'+options.next_image+'"/></a>';}
else{var controls='<a href="" class="prev">'+options.prev_text+'</a><a href="" class="next">'+options.next_text+'</a>';}}
$this.parent('.bx_container').wrap('<div class="bx_wrap"></div>').css({'position':'relative','width':wrap_width,'overflow':'hidden'}).before(controls);var w=li.slice(0,options.display_num).clone();var last_appended=(options.display_num+options.move)-1;$this.empty().append(w);get_p();get_a();$this.css({'position':'relative','left':-(seg)});$this.parent().siblings('.next').click(function(){slide_next();clearInterval(j);clicked=true;return false;});$this.parent().siblings('.prev').click(function(){slide_prev();clearInterval(j);clicked=true;return false;});if(options.auto){start_slide();if(options.auto_hover&&clicked!=true){$this.find('li').live('mouseenter',function(){if(!clicked){clearInterval(j);}});$this.find('li').live('mouseleave',function(){if(!clicked){start_slide();}});}}
function start_slide(){if(options.auto_dir=='next'){j=setInterval(function(){slide_next()},options.auto_interval);}else{j=setInterval(function(){slide_prev()},options.auto_interval);}}
function slide_next(){if(!is_working){is_working=true;set_pos('next');$this.animate({left:'-='+seg},options.speed,function(){$this.find('li').slice(0,options.move).remove();$this.css('left',-(seg));get_a();is_working=false;});}}
function slide_prev(){if(!is_working){is_working=true;set_pos('prev');$this.animate({left:'+='+seg},options.speed,function(){$this.find('li').slice(-options.move).remove();$this.css('left',-(seg));get_p();is_working=false;});}}
function get_a(){var str=new Array();var lix=li.clone();le=last;for(i=0;i<options.move;i++){le++
if(lix[le]!=undefined){str[i]=$(lix[le]);}else{le=0;str[i]=$(lix[le]);}}
$.each(str,function(index){$this.append(str[index][0]);});}
function get_p(){var str=new Array();var lix=li.clone();fe=first;for(i=0;i<options.move;i++){fe--
if(lix[fe]!=undefined){str[i]=$(lix[fe]);}else{fe=li.length-1;str[i]=$(lix[fe]);}}
$.each(str,function(index){$this.prepend(str[index][0]);});}
function set_pos(dir){if(dir=='next'){first+=options.move;if(first>=li.length){first=first%li.length;}
last+=options.move;if(last>=li.length){last=last%li.length;}}else if(dir=='prev'){first-=options.move;if(first<0){first=li.length+first;}
last-=options.move;if(last<0){last=li.length+last;}}}});}})(jQuery);
</script>