« Back to the article: Experimenting with visited links by Matthew James Taylor

'Shrinking Images' Visited Link CSS Demo

We can style visited links in a thumbnail gallery to make the viewed images smaller. The art thumbnails below change format when each link has been visited. Each art thumbnail starts off full size, but when you visit art page the image shrinks into the centre. Try clicking on one to see how the layout of thumbnail images has changed.

• Aimless doodle
• Asian girl in pen & ink
• Graeme Frontbum
• Man with white beard
• Angry man
• Surf Ogga
• Armed bear
• Crystal
• Brush strokes
• Girl with ring
• Sitting girl in red
• Female hand study
• Blooming lotus
• Elfin girl coloured
• Skating dog
• Original Crystal
• Male portrait
• Winged skeleton vector
• Three men detail
• Pistachios

Resetting the links

You can make visited art links expand again by clearing the history in your browser. Alternatively, try switching to a different browser if you have more than one installed.

Download the demo files (shrinking-images.zip - 94kb)

Download the demo code and experiment with visited links on your own computer.

More Visited Link Demos:

• 'Website Checklist' Visited Link CSS Demo
• 'Collapsing Articles' Visited Link CSS Demo
• 'Visited Link Puzzle' CSS Demo

(The images used in this demo come from my art gallery.)