How to load obj and mtl file

Hello,

I want to load two obj file in two different page.I have attached two obj file information.
old_vertex load correctly using below code(old_vertex preview attached). But new_vertex not load correctly,only show black screen.How load correctly the new_vertex obj file.Anyone please help.

three.js webgl - OBJLoader + MTLLoader body { font-family: Monospace; background-color: #000; color: #fff; margin: 0px; overflow: hidden; }
    #info {
        color: #fff;
        position: absolute;
        top: 10px;
        width: 100%;
        text-align: center;
        z-index: 100;
        display: block;
    }

        #info a, .button {
            color: #f00;
            font-weight: bold;
            text-decoration: underline;
            cursor: pointer;
        }
</style>
three.js - OBJLoader + MTLLoader
		var container, stats;

		var camera, scene, renderer;

		var mouseX = 0, mouseY = 0;

		var windowHalfX = window.innerWidth / 2;
		var windowHalfY = window.innerHeight / 2;


		init();
		animate();


		function init() {

			container = document.createElement( 'div' );
			document.body.appendChild( container );

			camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 10000 );
			camera.position.z = 250;

			// scene

			scene = new THREE.Scene();

			var ambient = new THREE.AmbientLight( 0x444444 );
			scene.add( ambient );

			var directionalLight = new THREE.DirectionalLight( 0xffeedd );
			directionalLight.position.set( 0, 0, 1 ).normalize();
			scene.add( directionalLight );

			// model

			var onProgress = function ( xhr ) {
				if ( xhr.lengthComputable ) {
					var percentComplete = xhr.loaded / xhr.total * 100;
					console.log( Math.round(percentComplete, 2) + '% downloaded' );
				}
			};

			var onError = function ( xhr ) { };

			THREE.Loader.Handlers.add( /\.dds$/i, new THREE.DDSLoader() );

			//var mtlLoader = new THREE.MTLLoader();
			//mtlLoader.setPath('obj/truntable/');
			//mtlLoader.load('Turntable(1).mtl', function (materials) {


			//	materials.preload();

			//	var objLoader = new THREE.OBJLoader();
			//	objLoader.setMaterials( materials );
			//	objLoader.setPath('obj/truntable/');
			//	objLoader.load('Turntable(1).obj', function (object) {

			//	    object.position.y -= 85;

			//		scene.add( object );

			//	}, onProgress, onError );

		    //});

			
			    var objLoader = new THREE.OBJLoader();
			    
			    objLoader.setPath('obj/truntable/');
			    objLoader.load('Turntable(1).obj', function (object) {

			        object.position.y -= 85;

			        scene.add(object);

			    }, onProgress, onError);

			//

			renderer = new THREE.WebGLRenderer();
			renderer.setPixelRatio( window.devicePixelRatio );
			renderer.setSize( window.innerWidth, window.innerHeight );
			container.appendChild( renderer.domElement );

			document.addEventListener( 'mousemove', onDocumentMouseMove, false );

			//

			window.addEventListener( 'resize', onWindowResize, false );

		}

		function onWindowResize() {

			windowHalfX = window.innerWidth / 2;
			windowHalfY = window.innerHeight / 2;

			camera.aspect = window.innerWidth / window.innerHeight;
			camera.updateProjectionMatrix();

			renderer.setSize( window.innerWidth, window.innerHeight );

		}

		function onDocumentMouseMove( event ) {

			mouseX = ( event.clientX - windowHalfX ) / 2;
			mouseY = ( event.clientY - windowHalfY ) / 2;

		}

		//

		function animate() {

			requestAnimationFrame( animate );
			render();

		}

		function render() {

		    //mouseX = -10.5;
		    //mouseY = -150;

			camera.position.x += ( mouseX - camera.position.x ) * .05;
			camera.position.y += ( - mouseY - camera.position.y ) * .05;

			camera.lookAt( scene.position );

			renderer.render( scene, camera );

		}

</script>