Responsive images and http requests

Mobile
1

I need a image gallery for my responsive bootstrap site; thumbnails that open to large size should the user opt to click.

So I’m learning about responsive image issues like browser cacheing, duplicate downloads, etc. and deciding whether to use img tag or css background-image.

I need to wrap my head around what happens when a user clicks a thumbnail: Is this a seperate http request answered by the server, therefore no duplicate download, or is it that every http src in my markup is loaded when the user browser loads the page, and that is the issue?

2

No, of course, any link is a seperate request to the server. So I am answering my own question.

3

Usually the thumbnail is a different image from the enlarged version, but it doesn’t have to be, I suppose. The thumbnail could be just a visually resized presentation of the image … although that somewhat defeats the purpose of offering enlarged versions.