jQuery Galleriffic Миниатюры Посещенный цвет границы

Question

У меня проблема с изменением цвета границы посещенных миниатюр с помощью Galleriffic. Я использую опцию: Эффекты пролонгации миниатюр и перекрестные эффекты слайд-шоу, где мне нужно загрузить basic.css и galleriffic-2.css.

Я хочу изменить черную рамку для посещенных миниатюр на светлый цвет, например, светло-серый. Тем не менее, я не мог найти ссылку на оба файла CSS, чтобы изменить это. Я замечаю в basic.css это:

a:focus, a:hover, a:active {
    text-decoration: underline;
}

Я попытался отключить вышеупомянутый скрипт css и добавил: посещения, ни один из них не работает для изменения цвета посещенных миниатюр. Я мог бы что-то пропустить по этому поводу.

Кто-нибудь знает, как изменить черную рамку для посещенных миниатюр? Буду признателен за любую помощь и мысли.

Спасибо огромное за вашу помощь.

Редактировать: запрос matthewpavkov для кода (14 декабря 10):

matthewpavkov, на данный момент я все еще использую пример кода из Galleriffic, чтобы поиграть с черной рамкой посещенных миниатюр:

Код для примера 2.html можно скачать по адресу: http://www.twospy.com/galleriffic/galleriffic-2.0.zip

Я использую 2 CSS-файла, предоставленные galleriffic; basic.css и galleriffic-2.css. Вы можете получить эти файлы из zip-файлов выше. Я не могу поставить это здесь, потому что это слишком долго. Извините за это.

Спасибо.

Answer 1

Я нашел решение почти 3 недели назад.Извините за задержку с ответом на мой собственный вопрос.Чтобы изменить цвет границы для выбранных миниатюр, в зависимости от того, какую версию вы используете, в моем случае это galleriffic-2.css, найдите li.selected css, а затем измените цвет фона с черного # 000000 на любой нужный вам цвет.

Answer 2

Поскольку Galleriffic в своей простейшей реализации не меняет URL, селектор :visited не будет работать.Тем не менее, в Galleriffic есть плагин истории , включенный , и при его использовании URL не меняется , что позволяет использовать CSS, чтобы получить желаемый эффект:

a.thumb:visited {
    border: 1px solid #ff0000;
}