如果你要的是图片预加载的那个效果，你的图片预加载的代码没写，没有触发load事件。不知道你想要什么效果。

<div class="box">
        <img src="http://img2.3lian.com/2014/c7/12/d/77.jpg" alt="pic" id="img" />
        <p>
            <a href="javascript:;" class="bth" data-control="prev">上一页</a>
            <a href="javascript:;" class="bth" data-control="next">下一页</a>
        </p>
    </div>    
        <script type="text/javascript" src="__PUBLIC__/home/js/jquery.1.4.2-min.js" ></script>

 var imgs=[
            'http://img2.3lian.com/2014/c7/12/d/77.jpg',
            'http://img04.tooopen.com/images/20130805/tooopen_10473021.jpg',
            'http://img1.3lian.com/2015/w7/98/d/22.jpg',
            'http://img1.3lian.com/2015/w7/90/d/1.jpg',
            'http://5.26923.com/download/pic/000/288/ed06bdc51d6a83df5919dcea5d261707.jpg'
    ];    
    var index = 0,//当前是第几张图片
    var    len = imgs.length;//图片数组的长度
        $('.bth').on('click', function(){//选择按钮    点击事件
            if ('prev' === $(this).data('control')){//上一张  this表示按下按钮通过data方法获取control。
                index = math.max(0,--index);
            }else{//下一张
                index =math.min(len -1,++index);
            }
            document.title =(index + 1) + '/' +len;//显示第几张到title上面
            $("#img").attr('src',imgs[index]);//将图片显示出来
        });