Guifang

导航

jqzoom与scrollpic配合的问题

<script type="text/javascript">
//以下两个方法的执行顺序不能互换,否则zoom方法的单击缩略图事件会失效
if (document.all) {  
    window.attachEvent('onload', scrollPic);  
    window.attachEvent('onload', zoom);  
}  else { 
    window.addEventListener('load', scrollPic, false);  
    window.addEventListener('load', zoom, false);  
} 
function zoom() {
    $('.jqzoom').jqzoom({
            zoomType: 'standard',
            lens:true,
            preloadImages: false,
            alwaysOn:false
        });
}

function scrollPic() {
    var scrollPic = new ScrollPic();
    scrollPic.scrollContId   = "scrollPic"; //内容容器ID
    scrollPic.arrLeftId      = "LeftArr";//左箭头ID
    scrollPic.arrRightId     = "RightArr"; //右箭头ID

    scrollPic.frameWidth     = 312;//显示框宽度
    scrollPic.pageWidth      = 104; //翻页宽度

    scrollPic.speed          = 10; //移动速度(单位毫秒,越小越快)
    scrollPic.space          = 10; //每次移动像素(单位px,越大越快)
    scrollPic.autoPlay       = false; //自动播放
    scrollPic.autoPlayTime   = 3; //自动播放间隔时间(秒)

    scrollPic.initialize(); //初始化
}
</script>

 

posted on 2013-11-24 17:18  Guifang  阅读(429)  评论(0编辑  收藏  举报