! Links to all code used (css, html, js etc.) can be found here: https://test.rogersartwork.co.uk/gt/nav.html
Apologies for the amount of detail but all help and those willing to put ideas forward will be greatly appreciated.
I’m running a lightbox image gallery on my website, and I’ve got css files all setup and working so the gallery looks nice. I’ve got the images lined up, animations on hover etc. and when you click on an image, it shows it in big. On the main gallery page, I’ve set the css to make sure the image can be viewed at the right size on all screens. The images are very different in size as they’re irregular images.
However, some of the images are huge and some are just the right size. I’m looking for all of the images to be nicely placed in the middle of the screen and any that are too big to be resized and shown in the correct ratio so the images (especially the rectangular ones) are not stretched or look out of shape.
!! To clarify if that explanation was confusing: The images are fine on the main gallery view altogether. When you click on an image, it shows it in big on its own. Some of the images are huge. When clicked on, I want the image to display a nice size in the middle of the screen, because at the moment, some of the images are so huge you need to scroll to view them all.
On all different screens, I’d like the image to sit nicely without need for scrolling and without the image being stretched or out of proportion.!!
I’ve made a quick navigation page that links to:
The actual page
CSS
More CSS
Jquery and lightbox file
The HTML code
https://test.rogersartwork.co.uk/gt/nav.html
I’ve tried max width, max height, min width, min height, height, width and lots more – I just need the actual images when you click on them, to show nicely to fit the screen size so no scrolling is requried to see the rest of the singular image – and this to adapt for different screen sizes.
ALL OF THE CODE CAN BE FOUND AT THE LINK ABOVE AS WELL AS THE PAGE IN QUESTION
Any questions, I’m here.
Thank you so much!
Oliver