So my question is will following the example in css demos be ok or is there a better way of doing it? Definitely do not want a Jquery fix ( I need to use code I can at least 50% understand!).
One last potential dumb question… in the code pen my images are locally hosted hence the broken image icons, what is good way to get the images hosted other than photobucket? (ive learnt this pumps adds etc into peoples screens)
Wow, I honestly cannot remember the last time I saw a demo (by someone not on Sitepoint) that wasn’t absolute garbage. Yes that demo is perfectly fine; feel free to use it. You can probably remove the vendor extension prefixes (-webkit- and -moz-) for box shadow since it’s probably fine now without it. You can also remove the “IE Hacks” he uses in his CSS. That’s old.
Respect your advice here i wont use it. If you get a chance could you give me any pointers regarding how to create a “click on thumbnail image to get a bigger image” effect that is CSS and html only. Just would like to avoid Jquery but if that thinking doesnt make any sense to the better informed i’ll take the advice
.