| 2:01 am on Feb 15, 2014 (gmt 0)|
Just a note - best practice here is to replace domain names in URLs with "example.com" to avoid unintended consequences.
Have you tried using the thumbnail as an anchor for a link to the larger image? Ideally the larger image would have its own page so the link goes to its page and not to the naked image.
<a href="http://example.com/image1.html"><img src="http://example.com/image1thumb.jpg" alt=""></a>. No css or js required.
| 1:02 pm on Feb 15, 2014 (gmt 0)|
Change your .css to
Add this script to the header
| 1:49 pm on Feb 15, 2014 (gmt 0)|
| 12:48 am on Feb 16, 2014 (gmt 0)|
| 1:09 am on Feb 16, 2014 (gmt 0)|
Not necessarily. You can base it on :active or :visited.
| 1:25 am on Feb 16, 2014 (gmt 0)|
Might also take a look at 1frame as another method.
| 1:58 pm on Feb 16, 2014 (gmt 0)|
unfortunately, due to archaic forum restrictions, I am unable to post
a link to my CSS solution to this problem. :(
It does not employ "active" or "visited" as drhowarddrfine suggested.
Instead "focus" is the chosen option. :)
I have sent a PM, with the link, to the OP - we5inelgr.
If anyone else would like to see it, in all it's glory, let me know. ;)
| 5:27 pm on Feb 17, 2014 (gmt 0)|
Many thanks, all, for the replies and suggestions.
I went with another solution using <label>'s and radio buttons.
| 6:57 pm on Feb 17, 2014 (gmt 0)|
Hi there we5inelgr,
did you not check out the solution that I sent in my PM to you?
It uses images and thumbnails. ;)