Невозможно заставить работать скрипт jQuery в Firefox - PullRequest
0 голосов
/ 19 октября 2010

На моей веб-странице есть скрипт 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;
}

Что я делаю не так?

Ответы [ 3 ]

2 голосов
/ 19 октября 2010

теперь позвольте мне догадаться .... вы хотели бы что-то вроде этого http://jsfiddle.net/WzVWj/. нажмите кнопку Run, чтобы увидеть. в любом случае, в следующий раз используйте jsfiddle , чтобы лучше описать вашу проблему, как предложил Мэтт

0 голосов
/ 19 октября 2010

Вы пытаетесь выбрать по позиции, но eq () требует селектора.Вы, вероятно, имели в виду

$('.photos:eq('+currentPhoto+') img')
0 голосов
/ 19 октября 2010

Попробуйте переместиться

function rotatePics(currentPhoto) {
   ...
}

До

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

Кроме того, установите плагин firebug и посмотрите, нет ли в нем ошибок.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...