javascript - JS源码开发：想开发个使图片慢慢出现又收回效果的代码试试

Question

这是我写的代码，只写了展现图片出来的部分就出问题了，好像没跳入到function changeImg()里吧？语法对吗？谢谢路过的热心网友教我

<SCRIPT type="text/javascript">
//定义一个photo函数
function photo(id){
/*image*/
    var getId=document.getElementById(id)
    var starPhoto=20//初始化图片高
    var img_h=getId.height//获取图片高度
    function changeImg()//图片展现
    {       
        if(starPhoto<img_h)
        {
            starPhoto+=starPhoto
            alert(starPhoto)
            getId.style.backgroundPositionY=starPhoto+'px'
            getId.style.height=starPhoto+'px'
            return
        }
        clearInterval(int)
    }
    var int=self.setInterval("changeImg()",50)
/*times*/
this.prototype.sImage=function()//验证顶部动态大图片是否加载完毕
{
    var appname = navigator.appName.toLowerCase()
    if (appname.indexOf("netscape") == -1)
    {
       //ie
        img.onreadystatechange = function () {
            if (img.readyState == "complete")
            {
                var tout = setTimeout("int",4000)
            }
        };
    } else {
       //firefox
        img.onload = function () {
            if (img.complete == true)
            {
                img;
                var tout = setTimeout("int",4000)
            }
        }
    }
}
}
//实例化一个对象
var id="top_img"
var photo = new photo(id)
photo.sImage=function(){}

</SCRIPT>