Please check out this site
I would like every link in the body copy (there will be about 8), to show a different background image on hover. The links go through to work, so the image will effectively be a work preview.
The hover state for the link works, but my issue is how do I target a different background image, for every different link in the body copy?
The animation is set for the class—I would like to avoid having to make individual animations.
I feel like using a CMS collection should make sense, but I am not sure how to associate the link ID to the appropriate work image.
Also. If I load all the images on page load and set initial appearance to 0% opacity, how do I avoid the “flash” of the image? There must be a better way to do this?
Help will be much appreciated! Mike