Show higher resolution images on hover

Good morning peoples.

I just want to show higher resolutions images on hover of lower resolutions images. I want to make a rule or any type of function that can do this work dynamically, I mean I cannot just put on every image a hover effect and changing the src every where.

I have an idea if it would be useful,

I can put all small resolutions images in a folder called images/small, and all large images in folder called images/large, so can we just make a function that can change just change "images/SMALL" to "images/LARGE"

Any suggestion would be appreciated

Thanks in advance