Over the last four days I have been reworking my website solely using CSS, deciding not to use design software's which I've used for 13yrs, mainly to gain better control of the layout and just to learn something new. I've learnt a huge amount and has been going well.
I've just added a basic image gallery, adapted from code sourced from codeopen. It was just the right one needed for the look of my page, clean and simple. Though there is a slight fault with the gallery, when you click an image thumb it then defaults the position of the page to the top, is there a piece of code I can add to stop this from happening.
To understand better where I'm coming from go to my webpage
Tim Skinner webpage
Think I have worked it out
Probably will need to contain it in it's own div box, right time to do some maths.
The Swapping Images from a
The Swapping Images from a Gallery demo embodies best practice methods. Behavior belongs to the scripting domain, though html/css are encroaching.
You might consider using thumbnail images for the gallery menu. ~2.7MB is an awful overhead for folks with slow connections or metered bandwidth, and forcing the loading and displaying of all images sucks the life force from batteries.
cheers,
gary