Показать / скрыть проблему с помощью Image Rotator - PullRequest
3 голосов
/ 02 сентября 2010

Я работаю на сайте с вращателем изображения (используя jQuery Roundabout). Я настроил его в jQuery, чтобы при нажатии на изображение отображалось определенное содержимое, связанное с этим изображением, с использованием следующего кода:

  $('#brand-cou').click(function() {
    $('#brand-details .detail-section').fadeOut(0);
    $('#detail-country-squire').fadeIn("slow");
    return false;
  });

Где # brand-cou - это ли, содержащий изображение, а # detail-country-squire - это раздел, который я хочу показать. Это прекрасно работает, ожидайте, что у меня также есть стрелка вперед и назад, которая является альтернативным способом перемещения людей по вращателю изображения. Мне труднее всего получить правильный текст, чтобы показать, когда они перемещаются вокруг ротатора, используя эти элементы управления. Это код, который я сейчас имею:

  $('a#next').click(function() {
    if ('li'.id = 'brand-cou' && 'li'.hasClass('roundabout-in-focus') {
      //Do what I need to do
    }
  });

Когда изображение является передним изображением, оно автоматически получает класс ".round-in-in-focus". Я думал, что мог бы использовать оператор if для каждого конкретного изображения, чтобы сказать, имеет ли он идентификатор A, а также класс .roundabout-in-focus, а затем показать конкретный текст A. По какой-то причине это не работает. Это также кажется довольно длинным, потому что для каждого изображения мне понадобится весь приведенный выше код, а также предыдущий раздел кнопок, аналогичный следующему разделу. Так что, в краткосрочной перспективе, я хотел бы получить некоторую помощь, чтобы выяснить, почему мое утверждение if выше не работает. Если кто-то чувствует себя действительно щедрым, мне бы очень хотелось, чтобы люди поделились мыслями о том, как сжать этот код. Я чувствую, что если бы я мог просто сказать, что если у li есть и этот конкретный идентификатор, и класс с круговым движением, то покажите этот текст (который затем должен работать, нажимаете ли вы на изображение или на следующую / предыдущую кнопку) , Моя единственная проблема заключается в том, как написать это, не связывая его с функцией щелчка или чем-то еще, что делает его слишком конкретным, чтобы охватить все три варианта.

Спасибо за помощь!

1 Ответ

0 голосов
/ 02 сентября 2010

@ JapanPro, конечно.Вот HTML.Помогает ли это?

1002 *
...