Space Twixt Images — OZONE Asylum, home of the Mad Scientists

This page's ID: 11109

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	[quote]Now, I'd like to include some functionality to detect which page it's on and highlight the current page's thumbnail.[/quote] Well, if you're okay with Javascript, go with the solution Slime explained in the other thread. There is a pure CSS solution, although I'm not sure if it's worth the trouble... First, you give every one of your thumbnails a unique ID, like so: [code] <img id="thumb1" .../> <img id="thumb2" .../> <img id="thumb3" .../> [/code] ...then, attach another ID to the <body> element that corresponds with the thumbnail you want highlighted on that particular page: [code] <body id="page1"> [/code] ...then use CSS contextual selectors to apply whatever effect you want: [code] #page1 #thumb1, #page2 #thumb2, #page3 #thumb3 {...do something...} [/code] [url=http://www.alistapart.org]ALA[/url] actually uses this method to highlight the appropriate button in the navigation bar, so that's where I got the idea. The Javascript solution may be simpler in your case, though. [img]http://omnizero.home.comcast.net/asylum/sigs/004.gif[/img] Loading...
Options:	Enable Slimies Enable Linkwords

Edit Post