Cosi va bene? http://jsfiddle.net/9an1Lxfk/52/
purtroppo su IE 11 non va...
Non so se ti può interessare, ma anche giusto come fonte di studio, ti ho preparato un piccolo esempio in CSS, in questo caso legato ad un div contenente un immagine aventi opacity 0 ed un bottone che attiva una transazione impostando l'opacità a 1
Vero sarebbe meglio legare l'effetto tra bottone foto ma ora come ora su due piedi non mi viene in mente come fare ahaha ma magari tu troverai qualcosa
http://jsfiddle.net/9an1Lxfk/62/
Di nulla ma ti dico, puoi strutturarlo con due pulsanti e due div contenenti uno un immagine e l'altro un'altra immagine, ma avresti presumibilmente problemi a meno che non riesce a far sovrapporre i due div...
sarebbe ideale riuscire a legare l'effetto alle foto inserite in un solo div una sopra all'altra, ma così su due piedi proprio non mi veniva il codice per legare il tutto all'immagine, so che si può fare perché nello stesso modo ci crei le transazioni tra immagini, solo che non mi ricordo come legarla ad un pulsante in maniera ottimale, ma li potresti chiedere nella sezione css del forum
a volte la risposta è più facile del previsto.
Ho trovato in giro una patch per ie, ora funziona.
http://jsfiddle.net/9an1Lxfk/60/
Purtroppo su IE non funziona ancora, ti è arrivato il mio msg privato?