Zmieniające się zdjęcia

KOD DO EFEKTU:

<center>
<div class="zmiana">
<img class="img1" src="LINK DO ZDJĘCIA #1" style="position: absolute;" width="SZEROKOŚĆ ZDJĘCIA #1" /> <img class="img2" src="LINK DO ZDJĘCIA #2" height="WYSOKOŚĆ ZDJĘCIA #2" width="SZEROKOŚĆ ZDJĘCIA #1" /></div>
</center>
<style type="text/css">
.zmiana 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; }
.img1, .zmiana:hover .img2 {
-webkit-opacity: 1;
-moz-opacity: 1;
opacity: 1; }
.zmiana:hover .img1, .img2 {
-webkit-opacity: 0;
-moz-opacity: 0;
opacity: 0; }
</style>

▪ Wartości, które możesz edytować zaznaczone są kolorem.
▪ Zdjęcia muszą być takich samych rozmiarów.