jQuery Galleriffic Thumbnails Visited Border Colour
I have problem to change the border color of the visited thumbnails using Galleriffic. I use the option: Thumbnail rollover effects and slideshow crossfades, where I need to load开发者_JS百科 the basic.css and galleriffic-2.css.
I want to change the black border for visited thumbnails to light color, such as light grey. However, I could not find any reference on both css files to change this. I notice in the basic.css this:
a:focus, a:hover, a:active {
text-decoration: underline;
}
I did try to disable the above css script and added a:visited, none of them are working to change the color of visited thumbnails. I might miss something on this.
Is there anyone knows how to change the black border for visited thumbnails? Any help and thought would be appreciated.
Thanks heaps for your help.
Edit: matthewpavkov request for code (14 Dec 10):
matthewpavkov, at the moment I am still using the example code from Galleriffic to play around with the black border of the visited thumbnails:
The code for the example-2.html can be downloaded at: http://www.twospy.com/galleriffic/galleriffic-2.0.zip
I use 2 css files provided by galleriffic; basic.css and galleriffic-2.css. You can get these files from the zip files above. I can't put it here, because it's too long. Sorry for that.
Thanks.
Since Galleriffic in its simplest implementation does not change the URL, the :visited
selector will not work. However, Galleriffic does have a history plugin included, and when using that, the URL does get changed, allowing you to use CSS like this to get the desired effect:
a.thumb:visited {
border: 1px solid #ff0000;
}
I found the solution almost 3 weeks ago. Sorry for the delay for answering my own question. To change the border color for selected thumbnails, depending on which version you use, in my case is galleriffic-2.css, find the li.selected css and then change the background-color from black #000000 to any color you want.
精彩评论