Question

我的网页上有rotatePics jquery脚本：

$(document).ready(function(){
  rotatePics(1);
});

function rotatePics(currentPhoto) {
  var numberOfPhotos = $('.photos img').length;
  currentPhoto = currentPhoto % numberOfPhotos;

  $('.photos img').eq(currentPhoto).fadeOut(function() {
  // re-order the z-index
    $('.photos img').each(function(i) {
      $(this).css(
        'zIndex', ((numberOfPhotos - i) + currentPhoto) % numberOfPhotos
      );
    });
    $(this).show();
    setTimeout(function() {rotatePics(++currentPhoto);}, 5000);
  });
}

我在主页的标题部分中有以下内容：

<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>

以下是主页中的HTML：

<div id="imageanimation">
  <table id="picturetable">
    <tr>
      <td class="photos"></td>
      <td class="photos"></td>
      <td class="photos"></td>
      <td class="photos"></td>
    </tr>
  </table>
</div> <!-- close imageanimation div -->

 <!-- Your website would not let me upload images -->

这是CSS：

#picturetable {
 float:left;
 height:212px;
 margin:0 auto;
 position:relative;
 left:15px;
 z-index:-1;
 }

.photos img {
  position: absolute;
}

.photos {
  width: 212px;;
  height: 212px;
  overflow: hidden;
  padding:5px;
  padding-top:10px;
  padding-bottom:10px;
}

我做错了什么？

Answer 1

现在让我猜一下......你想要像http://jsfiddle.net/WzVWj/这样的东西。点击“运行”按钮查看。无论如何，下次使用jsfiddle来更好地描述你的问题，正如马特建议的那样

Answer 2

尝试移动

function rotatePics(currentPhoto) {
   ...
}

之前

$(document).ready(function(){
  rotatePics(1);
});

此外，安装firebug插件并查看是否有任何错误。

Answer 3

您正尝试按位置进行选择，但是eq（）需要选择器。你可能意味着

$('.photos:eq('+currentPhoto+') img')

无法在Firefox中使用jQuery脚本

3 个答案: