Javascript 如何调整滑块代码以显示2张以上的幻灯片

我正在ASP.NET网站上编写滑块代码。从页面主题中，我看到了以下html/js和CSS。目前显示了两张幻灯片。如果我尝试添加一个新的幻灯片html并为这个新幻灯片调整css，那么第三张幻灯片根本不会显示出来

有什么想法吗？ 谢谢

$（函数（）{
$（“.camp tabs”）.r2iTabs（“.camp slides>.camp slide”{
效果：“褪色”，
衰减速度：“慢”，
旋转：真
}).r2iSlideshow（{可点击：false，自动播放：true，间隔：6000}）；
$（“.promo可滚动”）.r2iScrollable({
通告:对,，
itemsPerFrame:'3'，
下一个：'.promo next'，
prev:“.promo prev”
});
$（'.promo-box'）.mouseenter（函数（）{
$（this）.children（'.promo-bot'）.slideDown（'fast'）；
}).mouseleave（函数（）{
$（this）.children（'.promo-bot'）.slideUp（'fast'）；
});
$（'.promo items'）.mouseenter（函数（）{
$（this.parents（'.promos'）.css（{'z-index'：1000}）；
}).mouseleave（函数（）{
$（this.parents（'.promos'）.css（{'z-index'：1}）；
});
$（“#twitterScrollable”）.r2iScrollable({
通告:对,，
itemsPerFrame:'1'，
下一步：'.test next'，
上一页：'.测试上一页'
}).r2iautocroll（{autoplay:true，间隔：6000}）；
$（“#highlightScrollable”）.r2可滚动({
通告:对,，
itemsPerFrame:'1'，
下一步：'.test next'，
上一页：'.测试上一页'
}).r2iautocroll（{autoplay:true，间隔：6000}）；
$（'#formOverlay'）.r2iOverlay({
遮罩：{
不透明度：.7，
颜色：“#000”，
装载速度：500，
id:“#VideoOverlyMask”
}
});
});

/*---滑块---*/
.camp wrap{位置：相对；}
.camp wrap.camp幻灯片{位置：相对；高度：400px；}
.camp wrap.camp slides.camp slides{位置：绝对；顶部：0；左侧：0；宽度：100%；显示：无；}
.camp wrap.camp slides.camp slides img{位置：绝对；左侧：50%；边距：0-1220px；顶部：0；}
.camp wrap.camp slides.camp slide.camp文本{z-index:2；位置：相对；文本对齐：居中；填充：128px 0 0；边距：0自动；}
.camp-wrap.camp-slides.camp-slide.camp-text.camp-still{width:790px；padding top:75px；}
.camp-wrap.camp-slides.camp-slide.camp-text.camp-it{宽度：740px；}
.camp-wrap.camp-slides.camp-slide.camp-text.camp-pro{宽度：930px；}
.camp-wrap.camp-slides.camp-slide.camp-text.camp-serv{宽度：1090px；}
.camp-wrap.camp-slides.camp-slide.camp-text.camp-fed{width:950px；}
.camp-wrap.camp-slides.camp-slide.camp-text.camp-byod{width:860px；}
.camp-wrap.camp-slides.camp-slide.camp-text.camp-carrier{宽度：840px；}
.camp-wrap.camp-slides.camp-slide.camp-text.camp-euc{宽度：760px；}
.camp wrap.camp slides.camp slide.camp text.camp sm{背景：url（images/shade.png）重复；颜色：#fff；字体系列：'Source Sans Pro'，Sans serif；字体重量：700；字体大小：25px；高度：50px；线条高度：50px；填充：0；边距：0 auto 10px；}
.camp wrap.camp slides.camp slide.camp-text.camp-still.camp sm{width:180px；}
.camp wrap.camp slides.camp slide.camp-text.camp-byod.camp sm{宽度：220px；}
.camp-wrap.camp-slides.camp-slide.camp-text.camp-carrier.camp-sm{宽度：280px；}
.camp wrap.camp slides.camp slide.camp-text.camp-euc.camp sm{width:280px；}
.camp wrap.camp slides.camp slide.camp-text.camp-it.camp sm{width:480px；}
.camp wrap.camp slides.camp slide.camp-text.camp-pro.camp sm{width:550px；}
.camp-wrap.camp-slides.camp-slide.camp-text.camp-serv.camp-sm{宽度：350px；}
.camp-wrap.camp-slides.camp-slide.camp-text.camp-fed.camp-sm{宽度：685px；}
.camp wrap.camp slides.camp slide.camp text.camp lg{背景：url（images/shade.png）重复；颜色：#fff；字体系列：'Source Sans Pro'，Sans serif；字体重量：700；文本转换：大写；字体大小：72px；高度：88px；线条高度：88px；填充：0；边距：0 0 10px；}
.camp wrap.camp slides.camp slide.camp-text.camp-still.camp lg{字体大小：72px；高度：自动；线条高度：72px；
}
.camp wrap.camp slides.camp slide.camp text.camp lg carrier{背景：url（images/shade.png）重复；颜色：#fff；字体系列：'Source Sans Pro'，Sans serif；字体重量：700；文本转换：大写；字体大小：50px；高度：68px；线条高度：68px；填充：0；边距：0 10px；}
.camp wrap.camp slides.camp slide.camp-text.camp-still.camp lg载体{字体大小：50px；高度：自动；线条高度：68px；
}
.camp wrap.camp slides.camp slide.camp文本a:链接，
夏令营结束夏令营幻灯片夏令营幻灯片夏令营文本a:已访问，
.camp wrap.camp slides.camp slide.camp slide.camp slide.camp slide.camp-a:active{display:block；float:right；background:url（images/shade hov.png）repeat-x 0 0 0；字体大小：16px；颜色：#fff；字体系列：'Source Sans-Pro'，Sans serif；字体重量：700；行高：32px；高度：32px；填充：0 16px 0 20px；}
.camp wrap.camp slides.camp slide.camp text a:hover{background:url（images/shade hov.png）repeat-x 0 bottom；}
.camp wrap.camp slides.camp slide.camp text a span{display:block；高度：32px；背景：url（images/arrow white.png）无重复右中；右填充：18px；}
.camp wrap.camp选项卡{显示：无；}
.camp wrap.arrow{显示：块；宽度：36px；高度：40px；位置：绝对；顶部：180px；背景：url（images/arrow camp.png）不重复；z索引：1000；光标：指针；}
.camp wrap.backward{左：0；背景位置：0；}
.camp wrap.forward{右：0；背景位置：-36px 0；}
.camp wrap.backward:悬停{背景位置：0-40px；}
.camp wrap.forward:悬停{背景位置：-36px-40px；}

图像/横幅01“alt=”“/>
乱数假文
乱数假文
image/Careers-01.jpg“alt=”“/>

我遗漏了一个重要的细节。对于新幻灯片，我添加了div容器：

      <div class="camp-slide">
      <div class="camp-text camp-euc">
        <div class="camp-lg">Lorem ipsum</div>
        <div class="camp-sm">Lorem ipsum</div>
        <a href="/thirdslide.aspx"><span>Learn More</span></a> </div>
      <img src="<%= SkinPath %>images/thirdslide.jpg" alt="" /> </div>

乱数假文
乱数假文
images/thirdslide.jpg“alt=”“/>

但我忘了调整营地标签部分

<div class="camp-tabs"><a href="#">&nbsp;</a><a href="#">&nbsp;</a><a href="#">&nbsp;</a></div>