jQuery Galleriffic缩略图访问边框颜色

时间:2010-12-13 00:09:09

标签: jquery css jquery-plugins

我无法使用Galleriffic更改访问过的缩略图的边框颜色。我使用选项:缩略图翻转效果和幻灯片交叉淡化,我需要加载basic.css和galleriffic-2.css。

我想将访问过的缩略图的黑色边框更改为浅色,例如浅灰色。但是,我找不到任何关于这两个css文件的引用来改变它。我注意到在basic.css中这个:

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

我确实尝试禁用上面的css脚本并添加了:visited,他们都没有努力改变访问过的缩略图的颜色。我可能会错过这个。

有没有人知道如何更改访问缩略图的黑色边框?任何帮助和想法将不胜感激。

谢谢你的帮助。

编辑:matthewpavkov代码请求(12月14日):

matthewpavkov,目前我还在使用Galleriffic的示例代码来处理访问过的缩略图的黑色边框:

示例2.html的代码可以在http://www.twospy.com/galleriffic/galleriffic-2.0.zip

下载

我使用galleriffic提供的2个css文件; basic.css和galleriffic-2.css。您可以从上面的zip文件中获取这些文件。我不能把它放在这里,因为它太长了。对不起。

感谢。

2 个答案:

答案 0 :(得分:0)

由于Galleriffic在其最简单的实现中更改了URL,因此:visited选择器将无效。但是,Galleriffic确实有一个history plugin included,当使用它时,URL 更改,允许您使用这样的CSS来获得所需的效果:

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

答案 1 :(得分:0)

我差不多3个星期前找到了这个解决方案。很抱歉延迟回答我自己的问题。 要更改所选缩略图的边框颜色,根据您使用的版本,在我的情况下是galleriffic-2.css,找到li.selected css,然后将背景颜色从黑色#000000更改为您想要的任何颜色。 / p>