客人要我照抄一个效果,但是只有那个站的图片可以实现,本地图片就无法实现改效果,在线等!

Question

http://www.touchofclass.com/product/zoom.do?productID=188811请打开这个页面,所有效果都可以实现,将所有的JS文件和SWF文件考到本地后,
<script language="JavaScript" >
    var theViewer = createViewer(
        /* viewer width */              425,
        /* viewer height */             425,
        /* full path to source image */ 'http://images.touchofclass.com/images/en_US/local/products/source/C090-001_2.jpg',
        /* source image width */        2000,
        /* source image height */       2000,
        /* initial load image */        '',
        /* initial load image dims */   ''
    );
var moreViews = new MoreViews(theViewer, "images/spacer01.gif" );
    var sourceImage;     sourceImage = new SourceImage(
        "http://images.touchofclass.com/images/en_US/local/products/source/C090-001_2.jpg",         //原来网站的文件
        2000,
        2000,
        ""
        );
        moreViews.addSourceImage( sourceImage );
        
        sourceImage = new SourceImage(
        "source/C090-001_1.jpg",                //此处改成了本地的图片文件
        2000,
        2000,
        ""
        );
        moreViews.addSourceImage( sourceImage );         
</script>页面上本地的文件在加载的时候已经是最大,而那个网站上的图片加载后就是425 X 425 显示正常.实在是找不出,问题到底出现在那里,请各位高手帮忙一起找找原因

Answer 1

去看一下js中的SourceImage方法是怎么处理传进去的地址的

Answer 2

css js里面的路径全部替换成本地的就可以了

Answer 3

请看zoon-objects.js中的如下代码：MoreViews.prototype.writeSource = function( index ) {
    var sourceImage = this.sourceImages[index];
    var zoom = Math.min( this.viewer.viewerWidth / sourceImage.height, this.viewer.viewerHeight / sourceImage.height );
    document.write( '<a href="" onclick="moreViews.selectSource( ' + index + ' );return false;">' );
    document.write( ' <img alt="" border=0 src="' + sourceImage.url + '?fit=90w90h">' );
    document.write( '</a>' );
    document.write( '<br/>' );
    document.write( '<span class="default">' + sourceImage.label + '</span>' );
}即在图片的后面加了后缀“?fit=90w90h”，在他们服务器上接收这个图片时会处理的，即fit=90w90h就返回宽90高90的图片，而不是原封不动的返回原始图片。
而在你本地，你就没有做这个处理