I have a website that contains lots of pictures on a single page. In order to make it so that it doesn't take forever for the pages to load, I have small picture files on my web host's server. Each picture is only 244 by 200 pixels. However, now that I use small pictures, if a person right-clicks on any of the pictures and chooses the "view image" option from the menu, they can only see the small picture instead of the picture in its original size. So here's my question. Is there any way that I can make it so that when someone uses the "view image" option, they are shown a picture that has been saved as a different name on my web host's server? That way, I can keep the small pictures on the main page, and have a different picture used if they right-click and use the "view image" option.
I realize that I could just have the images saved in their original size on the server, and use the "width" and "height" options to specify a smaller size when using the "<img>" tag. However, this slows the page way down when it tries to load. Spreading the images out over multiple pages is a possible solution. But I'm really trying to avoid this since a big goal is to have easy access to lots of the pictures at once on a single page.
Is this possible? Can I control the right-click/"view image" option with HTML by making it go to a different picture source?
I realize that I could make it so that the user can just click the picture and be taken to a different page that displays the original picture with its full size. But my site is set up so that if someone clicks the picture, they'll be taken to a predesignated site that doesn't always show the picture. So I'm trying to avoid this option also.
Thanks so much for your time and willingness to help. All responses are greatly appreciated.