полгуглите "hover", "how to make image hover css3", how to... гуглбот такие запросы хавает именно в нужном ключе.
а по js - почитайте про события выкидываемые браузером, в частности mouseenter("при наведении на картинку она изменялась"), click ("а при нажатии была как ссылка, с возвращающийся первоначальной картинкой.")

Вот же тема ниже была с подобным вопросом, http://www.html.by/threads/31458-HELP!

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.