<center>

<style type="text/css">

.puff img { -webkit-transition: opacity 1s linear; -moz-transition: opacity 1s linear; -ms-transition: opacity 1s linear; -o-transition: opacity 1s linear; transition: opacity 1s linear; } .zdj1, .puff:hover .zdj2 { -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; } .puff:hover .zdj1, .zdj2 { -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; } </style>

<div class="puff">

<img class="zdj1" src="LINK DO 1 ZDJĘCIA" style="position: absolute;" width="500"> <img class="zdj2" height="650" src="LINK DO 2 ZDJĘCIA" width="500"></div>

</center>

Jedno i drugie zdjęcie musi mieć identyczną szerokość i wysokość.