Javascript 我有两个js函数，一个用来抵消另一个

我查看了FAQ，但不知道是什么原因（在js中）。我正在努力让一些东西尽快上线，我暂时绕过了更好的动画，也可能是AJAX

我将在当前页面中添加两个外部php页面，一个是gallery滑块，另一个是gallery图像的显示位置。以下是我当前正在测试的页面的链接，您可以看到：

因此，我使用的代码只是简单的替换。innerHTML调用左箭头和右箭头调用下一个gallery div，然后该gallery中的缩略图调用下面显示的artwork。左箭头和右箭头工作正常，但只要单击任何缩略图（它们确实工作正常），左箭头和右箭头就会停止工作，您将被卡在您选择的任何帧上

以下是“约定”页面中的代码：

  <div id="field">
    <div id="gallery-callout">
      <div class="thumbs-slider-field-container" id="generic-slider">
        <div class="thumbs-slider-field" >
          <div id="prev">
            <img src="images/gallery-scroll-left.png" width="42" height="120" />
          </div>
          <div id="thumbs-slider">
            <img src="images/thumbs/digital-art/thumb-space-oddity.jpg" id="thumb-space-odity" onclick="changeDiv('space-oddity')"/>
           <img src="images/thumbs/digital-art/thumb-atomic-nurse.jpg" id="thumb-nurse" onclick="changeDiv('nurse')"/>
           <img src="images/thumbs/digital-art/thumb-zombie-make-over.jpg" id="thumb-zombie-makeover" onclick="changeDiv('zombie-makeover')"/> 
           <img src="images/thumbs/digital-art/thumb-fanart-trigun.jpg" id="thumb-trigun" onclick="changeDiv('trigun')"/>
           <img src="images/thumbs/digital-art/thumb-shadowrun.jpg" id="thumb-shadowrun" onclick="changeDiv('shadowrun')"/> 
         </div>
         <div id="next">
           <img src="images/gallery-scroll-left.png" width="42" height="120"  onclick="callSlider('conventions2')" />
         </div>
        </div>
      </div>
    </div>
    <div class="rule">
  </div>
  <div class="entry" style="margin-bottom:0px;">
    <h4 style="color:#ffffff; margin:0px;">| <a href="artwork.php"> artwork </a> > <a href="artwork-conventions.php"> conventions</a></h4>
  </div>
  <div class="gallery-frame" id="generic">
    <h1 style="margin-top:5px; margin-bottom:10px;">CONVENTION ARTWORK</h1>
    <div class="artwork">
      <img src="images/artwork/portfolio-design/logos/atomic-heart/atomicH-heart_0910.png" />  
    </div>
    <div class="rule">
  </div>
  <p>Here you will find arwork produced for (or for sale at) the conventions that Atomic Glam attends. Our premier convention is Anime Weekend Atlanta held in Atlanta each September.<br />(Above: The Atomic Heart Logo of Atomic Glam)</p>

  <div style="display:none;">
    <?php include("artwork-gallery-digital.php"); ?>
    <?php include("sliders/slider-artwork-conventions.php"); ?>
  </div>
</div>

|  > 
会议艺术品
在这里你会发现arwork是为Atomic Glam参加的会议而生产（或出售）的。我们的首要会议是每年9月在亚特兰大举行的亚特兰大动漫周末。
（上图：Atomic Glam的原子心脏标志）

我正在使用的js：

<script type="text/javascript">
altViews = function(next_img) {
    document.getElementById("bigPicture").src = next_img;
}

function changeDiv(id) {
var target = document.getElementById('generic');
var id = document.getElementById(id);
target.innerHTML = id.innerHTML; 
}

function callSlider(slides) {
var target2 = document.getElementById('generic-slider');
var slides = document.getElementById(slides);
target2.innerHTML = slides.innerHTML; 
}

</script>

altViews=功能（下一步）{
document.getElementById（“bigPicture”）.src=next\u img；
}
函数changeDiv（id）{
var target=document.getElementById（'generic'）；
var id=document.getElementById（id）；
target.innerHTML=id.innerHTML；
}
函数调用滑块（幻灯片）{
var target2=document.getElementById（'generic-slider'）；
var slides=document.getElementById（幻灯片）；
target2.innerHTML=slides.innerHTML；
}

滑块的一个示例：

<div class="thumbs-slider-field" id="conventions1">
  <div id="prev">
    <img src="../images/gallery-scroll-left.png" width="42" height="120" />
  </div>
  <div id="thumbs-slider">
    <img src="../images/thumbs/digital-art/thumb-space-oddity.jpg" id="thumb-space-odity" onclick="changeDiv('space-oddity')"/>
    <img src="../images/thumbs/digital-art/thumb-atomic-nurse.jpg" id="thumb-nurse" onclick="changeDiv('nurse')"/>
    <img src="../images/thumbs/digital-art/thumb-zombie-make-over.jpg" id="thumb-zombie-makeover" onclick="changeDiv('zombie-makeover')"/> 
    <img src="../images/thumbs/digital-art/thumb-fanart-trigun.jpg" id="thumb-trigun" onclick="changeDiv('trigun')"/>
    <img src="../images/thumbs/digital-art/thumb-shadowrun.jpg" id="thumb-shadowrun" onclick="changeDiv('shadowrun')"/> 
  </div>
  <div id="next">
    <img src="../images/gallery-scroll-left.png" width="42" height="120"  onclick="callSlider('conventions2')" />
  </div>
</div>

---

有没有想过为什么一个要取消另一个？

顶部的链接给出了一个404，完整的HTML代码是否相关？如果没有，请将其拆下，或重新凹入，以便突出显示相关零件。另外，在哪里附加事件处理程序？脚本放在哪里？@Bergi-它们是内联的。Gerard，从url.OP中取出

2

，打开一个Javascript控制台，在单击滚动拇指按钮时查看错误<代码>幻灯片为空@JaredFarrish:谢谢，我还没看过。