Make a Image with mapped areas (polygonal) that have highlight/border/overlay effects for Magento Home Page

As stated in the title, I have a Magento based eCommerce site. On the homepage I want to have a big clickable image with hover over effects instead of the usual slider - for example a big photo of a man and a woman, and when you hover over the man, he is outlined or has a colour overlay (low opacity) and it pops up with 'shop mens' - same for the woman's photo.

I would also like to be able to change the image now and again without having to fiddle with too much code - I'm a html/css newbie but can copy paste pretty well :) - no js/jquery experience at all though.

Not sure whats involved here - maybe an image map with js or all css - really I want whatever is fastest and most compatible, a full module isnt entirely needed as long as I am told how to change the image/map.

Skills: PHP, Software Architecture

See more: php fiddle, photo shop image, js fiddle, jquery fiddle, how to make a php site, home instead, slider image, make it pretty, magento man, highlight, border, map home, overlay css map hover, jquery css hover, low magento, jquery slider page, jquery html copy, html hover map, image paste, html map hover, jquery page change, jquery copy html, css image effects, jquery clickable, clickable map html css

About the Employer:
( 0 reviews ) Lowestoft, United Kingdom

Project ID: #4716602

2 freelancers are bidding on average £134 for this job


Hi i am already did like this we can talk more?

£157 GBP in 3 days
(28 Reviews)

I am ready to start i have done this job many times

£110 GBP in 3 days
(4 Reviews)

i can help you. check pm

£110 GBP in 3 days
(6 Reviews)

Video is attached.

£200 GBP in 7 days
(0 Reviews)