I have an image heavy gallery page where I'm wanting to use a thumbnail image that is pre-sized to be a maximum width of 200px. The actual size of each image is very large, often exceeding 2000 pixels on the longest side.
I've been using the Bootstrap class
img-responsive img-thumbnail in order to set the thumbnails, but it seems to be using CSS to generate the thumbnails and it's still having to download the entire set of images. This is causing the page to load very slowly.
I've tried generating actual thumbnail images, but when we click on them to see the full version, we just get the existing thumbnail image and not the full res.
Is there a way, in Bootstrap, to use an actual thumbnail image on the main screen, but have high res image show when clicking?