使用带有THREE.Texture的加载图像

Question

我正在使用jquery加载图像，以便在一个JSFiddle的Three.js场景中使用模型：

JSFiddle Link

图像加载正常，我可以附加到div并查看图像。但是当它作为地图分配给材料时，什么都没有显示 - 我必须在这里错过一步：

$.loadImage("http://www.rockonflash.com/webGL/three/checkerboard.jpg").done( $.proxy(createObject, this) );

function createObject(img)
{
    console.log("image loaded: " + (img == null));

    //var image1= $("#image1");
    //img.appendTo(img1);

    var geo = new THREE.TorusGeometry(1, .4, 8, 16);
    var map = new THREE.Texture(img);
    mat = new THREE.MeshPhongMaterial( 
    { 
            map: map, 
            shading:THREE.SmoothShading 
    } );
    var obj = new THREE.Mesh(geo, mat);
    obj.DrawAllAxis(3);
    scene.add(obj);
}