jquery carousel a la bx.slider - проблема с рамкой вокруг тега привязки и нажатием пальца на пейджер - PullRequest
Новая
       8

jquery carousel a la bx.slider - проблема с рамкой вокруг тега привязки и нажатием пальца на пейджер

0 голосов
/ 14 февраля 2012

Я изменил bx.slider, чтобы миниатюры отображались под текстовым содержимым с изображением в качестве фона:

http://inetwebdesign.com/jQueryTools/thumbnail_pager_method5.html

Проблемы, с которыми я сталкиваюсь, следующие:

  1. В IE (в Firefox и Opera все в порядке) большие пальцы (которые обернуты в теги привязки) по-прежнему имеют синий контур, и никакого количества текстового оформления: нет; или наброски: нет; кажется, чтобы решить проблему, и
  2. В этой реализации при щелчке по миниатюре открывается соответствующее изображение, но карусель перезапускается только после перезагрузки страницы.

Итак, мои вопросы:

  1. Как избавиться от оформления текста для тегов привязки и
  2. Как заставить карусель перезапуститься без перезагрузки страницы?

Спасибо.

gachoong

1 Ответ

1 голос
/ 14 февраля 2012

Не нужно пробовать IE, но для проблемы <a> с text-decoration вы должны заставить его работать с таким CSS: 

a.no-txd:link,   
a.no-txd:visited,
a.no-txd:hover,
a.no-txd:active {
    text-decoration:none;
}

, а затем применить класс no-txd (или как вы его называете - просто измените no-txd в CSS выше) на ваши <a> теги.См. Демонстрацию здесь:

Что касается остановки, я не знаком с bxSlider, но со страницы API:

есть метод startShow.Если вы не нашли лучшего способа, вы можете добавить слушателя к вашему <a> и через некоторое время вызвать этот метод, например, используя setTimeout, как указано здесь:

Конечно, это зависит от того, что вы хотите сделать, но у вас должно быть достаточно, чтобы поиграться и настроить свои потребности.

...