Hover to Trigger image in another element

[imageactive]

It’s been a while since I have made a site and I’m a bit stuck.

Please click here to see the page that’s giving me problems. http://imageactive.co.uk/esther/artwork.html

When hovering over one of the small images on the left I would like it to trigger an image on the right.

Any help would be appreciated.

[imageactive]

Thanks for the reply, you have a good point.

Not sure how to use CodePen, but here we go.

http://codepen.io/anon/pen/PPqaPx

Thanks

[Chris Coyier]

Here’s a super simple Pen where you hover over some items and it changes an element elsewhere. Maybe that’ll kick off your imagination on how this can be done with JavaScript:

http://codepen.io/team/codepen/pen/pjJORQ

[imageactive]

Thanks everyone. Chris has the idea with ‘the super simple Pen’. All I need to do is workout how to change the colors for different images. I’ll see if I can get my head around that later. I’ll keep you posted. Cheers

[Author]

Posts