Décoration de Noël

Puisque nous en sommes à décorer les sapins, survolez chacune de ces images, à faire défiler par le curseur latéral...
Les images "décorées" sont reprises avec des filtres de the Gimp et placées au dessus des images originales en invisible et deviennent visibles au survol.

<div style="width: 820px; height: 600px; margin: 5px auto; border: 1px solid black; overflow: auto;">
<p id="a1"><img id="p1" src="http://ekladata.com/qg5kyp1jgIwWFOXKp06_dL_jRZ0/6607.jpg" alt="" /><img id="p1a" src="http://ekladata.com/nPssIH4lGtioZkV_idF8oj75h6E/6607g.gif" alt="" /></p>
<p id="a2"><img id="p1" src="http://ekladata.com/sRXLVfpfIuXS70yPeoaWEXivH84/6608.jpg" alt="" /><img id="p1a" src="http://ekladata.com/kU6NDbp6vgJY4NdUoLYfSa6KxFk/6608f.gif" alt="" /></p>
<p id="a3"><img id="p1" src="http://ekladata.com/FVtvCeREalicetI73pWBjkjKGEU/6609.jpg" alt="" /><img id="p1a" src="http://ekladata.com/ubVLNsn3tM0XWp0gGpW8aEf7ht4/6609s.jpg" alt="" /></p>
<p id="a4"><img id="p1" src="http://ekladata.com/RO_5b6FzO0CDgo6zAqUPUX1uA3k/6610.jpg" alt="" /><img id="p1a" src="http://ekladata.com/EVqMVYk9Gvnv3V6eh2mC05Wrj4o/6610y.gif" alt="" /></p>
<p id="a5"><img id="p1" src="http://ekladata.com/9OtMYihTfiXrV0oreSHPxLUJV5Y/6611.jpg" alt="" /><img id="p1a" src="http://ekladata.com/hbBngOXEGNaII4G7X-oeurzTXXk/6611g.gif" alt="" /></p>
</div>

<style type="text/css"><!--
#a1{position:relative; z-index:1;}
#a2{position:relative; z-index:1;}
#a3{position:relative; z-index:1;}
#a4{position:relative; z-index:1;}
#a5{position:relative; z-index:1;}

#p1{position:relative; z-index:1;}
#p1a{position:absolute; z-index:2; transform:translate(-800px,0px);transition:all 2s linear; opacity:0;}
#p1a:hover{opacity:1;}
--></style>