Currently, I am using JSONloader in three.js to load models and it works perfectly. However, I am struggling to find detailed steps or documentation on how to preload textures (which are images) in order to create an interactive feature where I can switch images with a mouse click.
var loader = new THREE.JSONLoader(),
callbackKey = function(geometry, materials) { createScene(geometry, materials, 0, 0, 0, 25) };
loader.load("3dmodel/Converse_obj/converse_obj.js", callbackKey);
window.addEventListener('resize', onWindowResize, false);
function createScene(geometry, materials, x, y, z, scale) {
zmesh = new THREE.Mesh(geometry, new THREE.MeshFaceMaterial(materials));
zmesh.position.set(x, y, z);
zmesh.scale.set(scale, scale, scale);
meshes.push(zmesh);
scene.add(zmesh);
}