Scrolla in en bild över en annan

Scrolla in en bild (bild B) från vänster över (bild A) en annan vid mouse over.

Har letat lite på färdiga javascript. Är det någon som har ett bra förslag på hur man åstakommer detta smidigt. Har även varit inne på en layerlösning.

Kolla in olika slideshows på t.ex. https://www.dynamicdrive.com
Jag tror det finns en och annan som du kanske kan fixa till.

Tack för tipset. Hittade en sida som använde sig av Microsofts DXImageTransform. Med denna var det enkelt att få till min önskade effekt.

<img id="targetPic2" name="targetPic2" src="_design/bild1.png" 
style="position:relative;top:5px;left:7px; filter:progid:DXImageTransform.Microsoft.slide(Duration=0.4,slideStyle=push)">

...
OnMouseOver="fadeimg('targetPic2', '_design/bild2.png')"
OnMouseOver="fadeimg('targetPic2', '_design/bild1.png')"
...

<script type="text/javascript">
function fadeimg(objname, varTargetSrc){
	var objholder=document.getElementById(objname)
	objholder.filters[0].apply()
	objholder.src = varTargetSrc
	objholder.filters[0].play()
}
</script>