本地同步

.babelrc

@@ -0,0 +1,18 @@
+{
+  "presets": [
+    ["env", {
+      "modules": false,
+      "targets": {
+        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
+      }
+    }],
+    "stage-2"
+  ],
+  "plugins": ["transform-vue-jsx", "transform-runtime"],
+  "env": {
+    "test": {
+      "presets": ["env", "stage-2"],
+      "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
+    }
+  }
+}

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true

.eslintignore

@@ -0,0 +1,5 @@
+/build/
+/config/
+/dist/
+/*.js
+/test/unit/coverage/

.eslintrc.js

@@ -0,0 +1,29 @@
+// https://eslint.org/docs/user-guide/configuring
+
+module.exports = {
+  root: true,
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  env: {
+    browser: true,
+  },
+  extends: [
+    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
+    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
+    'plugin:vue/essential', 
+    // https://github.com/standard/standard/blob/master/docs/RULES-en.md
+    'standard'
+  ],
+  // required to lint *.vue files
+  plugins: [
+    'vue'
+  ],
+  // add your custom rules here
+  rules: {
+    // allow async-await
+    'generator-star-spacing': 'off',
+    // allow debugger during development
+    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
+  }
+}

.postcssrc.js

@@ -0,0 +1,10 @@
+// https://github.com/michael-ciniawsky/postcss-load-config
+
+module.exports = {
+  "plugins": {
+    "postcss-import": {},
+    "postcss-url": {},
+    // to edit target browsers: use "browserslist" field in package.json
+    "autoprefixer": {}
+  }
+}

README.md

@@ -1,3 +1,36 @@
+<<<<<<< HEAD
+# 4dagehome
+
+> A Vue.js project
+
+## Build Setup
+
+``` bash
+# install dependencies
+npm install
+
+# serve with hot reload at localhost:8080
+npm run dev
+
+# build for production with minification
+npm run build
+
+# build for production and view the bundle analyzer report
+npm run build --report
+
+# run unit tests
+npm run unit
+
+# run e2e tests
+npm run e2e
+
+# run all tests
+npm test
+```
+
+For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
+=======
 # Front_End_CN
 
-中文版
+中文版
+>>>>>>> d8ce72ed2fc51ff59730f7e59821419092fecb06

build/build.js

@@ -0,0 +1,41 @@
+'use strict'
+require('./check-versions')()
+
+process.env.NODE_ENV = 'production'
+
+const ora = require('ora')
+const rm = require('rimraf')
+const path = require('path')
+const chalk = require('chalk')
+const webpack = require('webpack')
+const config = require('../config')
+const webpackConfig = require('./webpack.prod.conf')
+
+const spinner = ora('building for production...')
+spinner.start()
+
+rm(path.join(config.build.assetsRoot, config.build.assetsSubDirectory), err => {
+  if (err) throw err
+  webpack(webpackConfig, (err, stats) => {
+    spinner.stop()
+    if (err) throw err
+    process.stdout.write(stats.toString({
+      colors: true,
+      modules: false,
+      children: false, // If you are using ts-loader, setting this to true will make TypeScript errors show up during build.
+      chunks: false,
+      chunkModules: false
+    }) + '\n\n')
+
+    if (stats.hasErrors()) {
+      console.log(chalk.red('  Build failed with errors.\n'))
+      process.exit(1)
+    }
+
+    console.log(chalk.cyan('  Build complete.\n'))
+    console.log(chalk.yellow(
+      '  Tip: built files are meant to be served over an HTTP server.\n' +
+      '  Opening index.html over file:// won\'t work.\n'
+    ))
+  })
+})

build/check-versions.js

@@ -0,0 +1,54 @@
+'use strict'
+const chalk = require('chalk')
+const semver = require('semver')
+const packageConfig = require('../package.json')
+const shell = require('shelljs')
+
+function exec (cmd) {
+  return require('child_process').execSync(cmd).toString().trim()
+}
+
+const versionRequirements = [
+  {
+    name: 'node',
+    currentVersion: semver.clean(process.version),
+    versionRequirement: packageConfig.engines.node
+  }
+]
+
+if (shell.which('npm')) {
+  versionRequirements.push({
+    name: 'npm',
+    currentVersion: exec('npm --version'),
+    versionRequirement: packageConfig.engines.npm
+  })
+}
+
+module.exports = function () {
+  const warnings = []
+
+  for (let i = 0; i < versionRequirements.length; i++) {
+    const mod = versionRequirements[i]
+
+    if (!semver.satisfies(mod.currentVersion, mod.versionRequirement)) {
+      warnings.push(mod.name + ': ' +
+        chalk.red(mod.currentVersion) + ' should be ' +
+        chalk.green(mod.versionRequirement)
+      )
+    }
+  }
+
+  if (warnings.length) {
+    console.log('')
+    console.log(chalk.yellow('To use this template, you must update following to modules:'))
+    console.log()
+
+    for (let i = 0; i < warnings.length; i++) {
+      const warning = warnings[i]
+      console.log('  ' + warning)
+    }
+
+    console.log()
+    process.exit(1)
+  }
+}

build/utils.js

@@ -0,0 +1,102 @@
+'use strict'
+const path = require('path')
+const config = require('../config')
+const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const packageConfig = require('../package.json')
+
+exports.assetsPath = function (_path) {
+  const assetsSubDirectory = process.env.NODE_ENV === 'production'
+    ? config.build.assetsSubDirectory
+    : config.dev.assetsSubDirectory
+
+  return path.posix.join(assetsSubDirectory, _path)
+}
+
+exports.cssLoaders = function (options) {
+  options = options || {}
+
+  const cssLoader = {
+    loader: 'css-loader',
+    options: {
+      sourceMap: options.sourceMap
+    }
+  }
+
+  const postcssLoader = {
+    loader: 'postcss-loader',
+    options: {
+      sourceMap: options.sourceMap
+    }
+  }
+
+  // generate loader string to be used with extract text plugin
+  function generateLoaders (loader, loaderOptions) {
+    const loaders = options.usePostCSS ? [cssLoader, postcssLoader] : [cssLoader]
+
+    if (loader) {
+      loaders.push({
+        loader: loader + '-loader',
+        options: Object.assign({}, loaderOptions, {
+          sourceMap: options.sourceMap
+        })
+      })
+    }
+
+    // Extract CSS when that option is specified
+    // (which is the case during production build)
+    if (options.extract) {
+      return ExtractTextPlugin.extract({
+        use: loaders,
+        fallback: 'vue-style-loader',
+        publicPath: '../../'
+      })
+    } else {
+      return ['vue-style-loader'].concat(loaders)
+    }
+  }
+
+  // https://vue-loader.vuejs.org/en/configurations/extract-css.html
+  return {
+    css: generateLoaders(),
+    postcss: generateLoaders(),
+    less: generateLoaders('less'),
+    sass: generateLoaders('sass', { indentedSyntax: true }),
+    scss: generateLoaders('sass'),
+    stylus: generateLoaders('stylus'),
+    styl: generateLoaders('stylus')
+  }
+}
+
+// Generate loaders for standalone style files (outside of .vue)
+exports.styleLoaders = function (options) {
+  const output = []
+  const loaders = exports.cssLoaders(options)
+
+  for (const extension in loaders) {
+    const loader = loaders[extension]
+    output.push({
+      test: new RegExp('\\.' + extension + '$'),
+      use: loader
+    })
+  }
+
+  return output
+}
+
+exports.createNotifierCallback = () => {
+  const notifier = require('node-notifier')
+
+  return (severity, errors) => {
+    if (severity !== 'error') return
+
+    const error = errors[0]
+    const filename = error.file && error.file.split('!').pop()
+
+    notifier.notify({
+      title: packageConfig.name,
+      message: severity + ': ' + error.name,
+      subtitle: filename || '',
+      icon: path.join(__dirname, 'logo.png')
+    })
+  }
+}

build/vue-loader.conf.js

@@ -0,0 +1,22 @@
+'use strict'
+const utils = require('./utils')
+const config = require('../config')
+const isProduction = process.env.NODE_ENV === 'production'
+const sourceMapEnabled = isProduction
+  ? config.build.productionSourceMap
+  : config.dev.cssSourceMap
+
+module.exports = {
+  loaders: utils.cssLoaders({
+    sourceMap: sourceMapEnabled,
+    extract: isProduction
+  }),
+  cssSourceMap: sourceMapEnabled,
+  cacheBusting: config.dev.cacheBusting,
+  transformToRequire: {
+    video: ['src', 'poster'],
+    source: 'src',
+    img: 'src',
+    image: 'xlink:href'
+  }
+}

build/webpack.base.conf.js

@@ -0,0 +1,92 @@
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const config = require('../config')
+const vueLoaderConfig = require('./vue-loader.conf')
+
+function resolve (dir) {
+  return path.join(__dirname, '..', dir)
+}
+
+const createLintingRule = () => ({
+  test: /\.(js|vue)$/,
+  loader: 'eslint-loader',
+  enforce: 'pre',
+  include: [resolve('src'), resolve('test')],
+  options: {
+    formatter: require('eslint-friendly-formatter'),
+    emitWarning: !config.dev.showEslintErrorsInOverlay
+  }
+})
+
+module.exports = {
+  context: path.resolve(__dirname, '../'),
+  entry: {
+    app: './src/main.js'
+  },
+  output: {
+    path: config.build.assetsRoot,
+    filename: '[name].js',
+    publicPath: process.env.NODE_ENV === 'production'
+      ? config.build.assetsPublicPath
+      : config.dev.assetsPublicPath
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js',
+      '@': resolve('src'),
+    }
+  },
+  module: {
+    rules: [
+      ...(config.dev.useEslint ? [createLintingRule()] : []),
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader',
+        options: vueLoaderConfig
+      },
+      {
+        test: /\.js$/,
+        loader: 'babel-loader',
+        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')]
+      },
+      {
+        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('img/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('media/[name].[hash:7].[ext]')
+        }
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000,
+          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
+        }
+      }
+    ]
+  },
+  node: {
+    // prevent webpack from injecting useless setImmediate polyfill because Vue
+    // source contains it (although only uses it if it's native).
+    setImmediate: false,
+    // prevent webpack from injecting mocks to Node native modules
+    // that does not make sense for the client
+    dgram: 'empty',
+    fs: 'empty',
+    net: 'empty',
+    tls: 'empty',
+    child_process: 'empty'
+  }
+}

build/webpack.dev.conf.js

@@ -0,0 +1,95 @@
+'use strict'
+const utils = require('./utils')
+const webpack = require('webpack')
+const config = require('../config')
+const merge = require('webpack-merge')
+const path = require('path')
+const baseWebpackConfig = require('./webpack.base.conf')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
+const portfinder = require('portfinder')
+
+const HOST = process.env.HOST
+const PORT = process.env.PORT && Number(process.env.PORT)
+
+const devWebpackConfig = merge(baseWebpackConfig, {
+  module: {
+    rules: utils.styleLoaders({ sourceMap: config.dev.cssSourceMap, usePostCSS: true })
+  },
+  // cheap-module-eval-source-map is faster for development
+  devtool: config.dev.devtool,
+
+  // these devServer options should be customized in /config/index.js
+  devServer: {
+    clientLogLevel: 'warning',
+    historyApiFallback: {
+      rewrites: [
+        { from: /.*/, to: path.posix.join(config.dev.assetsPublicPath, 'index.html') },
+      ],
+    },
+    hot: true,
+    contentBase: false, // since we use CopyWebpackPlugin.
+    compress: true,
+    host: HOST || config.dev.host,
+    port: PORT || config.dev.port,
+    open: config.dev.autoOpenBrowser,
+    overlay: config.dev.errorOverlay
+      ? { warnings: false, errors: true }
+      : false,
+    publicPath: config.dev.assetsPublicPath,
+    proxy: config.dev.proxyTable,
+    quiet: true, // necessary for FriendlyErrorsPlugin
+    watchOptions: {
+      poll: config.dev.poll,
+    }
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': require('../config/dev.env')
+    }),
+    new webpack.HotModuleReplacementPlugin(),
+    new webpack.NamedModulesPlugin(), // HMR shows correct file names in console on update.
+    new webpack.NoEmitOnErrorsPlugin(),
+    // https://github.com/ampedandwired/html-webpack-plugin
+    new HtmlWebpackPlugin({
+      filename: 'index.html',
+      template: 'index.html',
+      inject: true
+    }),
+    // copy custom static assets
+    new CopyWebpackPlugin([
+      {
+        from: path.resolve(__dirname, '../static'),
+        to: config.dev.assetsSubDirectory,
+        ignore: ['.*']
+      }
+    ])
+  ]
+})
+
+module.exports = new Promise((resolve, reject) => {
+  portfinder.basePort = process.env.PORT || config.dev.port
+  portfinder.getPort((err, port) => {
+    if (err) {
+      reject(err)
+    } else {
+      // publish the new Port, necessary for e2e tests
+      process.env.PORT = port
+      // add port to devServer config
+      devWebpackConfig.devServer.port = port
+
+      // Add FriendlyErrorsPlugin
+      devWebpackConfig.plugins.push(new FriendlyErrorsPlugin({
+        compilationSuccessInfo: {
+          messages: [`Your application is running here: http://${devWebpackConfig.devServer.host}:${port}`],
+        },
+        onErrors: config.dev.notifyOnErrors
+        ? utils.createNotifierCallback()
+        : undefined
+      }))
+
+      resolve(devWebpackConfig)
+    }
+  })
+})

build/webpack.prod.conf.js

@@ -0,0 +1,149 @@
+'use strict'
+const path = require('path')
+const utils = require('./utils')
+const webpack = require('webpack')
+const config = require('../config')
+const merge = require('webpack-merge')
+const baseWebpackConfig = require('./webpack.base.conf')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
+const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
+
+const env = process.env.NODE_ENV === 'testing'
+  ? require('../config/test.env')
+  : require('../config/prod.env')
+
+const webpackConfig = merge(baseWebpackConfig, {
+  module: {
+    rules: utils.styleLoaders({
+      sourceMap: config.build.productionSourceMap,
+      extract: true,
+      usePostCSS: true
+    })
+  },
+  devtool: config.build.productionSourceMap ? config.build.devtool : false,
+  output: {
+    path: config.build.assetsRoot,
+    filename: utils.assetsPath('js/[name].[chunkhash].js'),
+    chunkFilename: utils.assetsPath('js/[id].[chunkhash].js')
+  },
+  plugins: [
+    // http://vuejs.github.io/vue-loader/en/workflow/production.html
+    new webpack.DefinePlugin({
+      'process.env': env
+    }),
+    new UglifyJsPlugin({
+      uglifyOptions: {
+        compress: {
+          warnings: false
+        }
+      },
+      sourceMap: config.build.productionSourceMap,
+      parallel: true
+    }),
+    // extract css into its own file
+    new ExtractTextPlugin({
+      filename: utils.assetsPath('css/[name].[contenthash].css'),
+      // Setting the following option to `false` will not extract CSS from codesplit chunks.
+      // Their CSS will instead be inserted dynamically with style-loader when the codesplit chunk has been loaded by webpack.
+      // It's currently set to `true` because we are seeing that sourcemaps are included in the codesplit bundle as well when it's `false`, 
+      // increasing file size: https://github.com/vuejs-templates/webpack/issues/1110
+      allChunks: true,
+    }),
+    // Compress extracted CSS. We are using this plugin so that possible
+    // duplicated CSS from different components can be deduped.
+    new OptimizeCSSPlugin({
+      cssProcessorOptions: config.build.productionSourceMap
+        ? { safe: true, map: { inline: false } }
+        : { safe: true }
+    }),
+    // generate dist index.html with correct asset hash for caching.
+    // you can customize output by editing /index.html
+    // see https://github.com/ampedandwired/html-webpack-plugin
+    new HtmlWebpackPlugin({
+      filename: process.env.NODE_ENV === 'testing'
+        ? 'index.html'
+        : config.build.index,
+      template: 'index.html',
+      inject: true,
+      minify: {
+        removeComments: true,
+        collapseWhitespace: true,
+        removeAttributeQuotes: true
+        // more options:
+        // https://github.com/kangax/html-minifier#options-quick-reference
+      },
+      // necessary to consistently work with multiple chunks via CommonsChunkPlugin
+      chunksSortMode: 'dependency'
+    }),
+    // keep module.id stable when vendor modules does not change
+    new webpack.HashedModuleIdsPlugin(),
+    // enable scope hoisting
+    new webpack.optimize.ModuleConcatenationPlugin(),
+    // split vendor js into its own file
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'vendor',
+      minChunks (module) {
+        // any required modules inside node_modules are extracted to vendor
+        return (
+          module.resource &&
+          /\.js$/.test(module.resource) &&
+          module.resource.indexOf(
+            path.join(__dirname, '../node_modules')
+          ) === 0
+        )
+      }
+    }),
+    // extract webpack runtime and module manifest to its own file in order to
+    // prevent vendor hash from being updated whenever app bundle is updated
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'manifest',
+      minChunks: Infinity
+    }),
+    // This instance extracts shared chunks from code splitted chunks and bundles them
+    // in a separate chunk, similar to the vendor chunk
+    // see: https://webpack.js.org/plugins/commons-chunk-plugin/#extra-async-commons-chunk
+    new webpack.optimize.CommonsChunkPlugin({
+      name: 'app',
+      async: 'vendor-async',
+      children: true,
+      minChunks: 3
+    }),
+
+    // copy custom static assets
+    new CopyWebpackPlugin([
+      {
+        from: path.resolve(__dirname, '../static'),
+        to: config.build.assetsSubDirectory,
+        ignore: ['.*']
+      }
+    ])
+  ]
+})
+
+if (config.build.productionGzip) {
+  const CompressionWebpackPlugin = require('compression-webpack-plugin')
+
+  webpackConfig.plugins.push(
+    new CompressionWebpackPlugin({
+      asset: '[path].gz[query]',
+      algorithm: 'gzip',
+      test: new RegExp(
+        '\\.(' +
+        config.build.productionGzipExtensions.join('|') +
+        ')$'
+      ),
+      threshold: 10240,
+      minRatio: 0.8
+    })
+  )
+}
+
+if (config.build.bundleAnalyzerReport) {
+  const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin
+  webpackConfig.plugins.push(new BundleAnalyzerPlugin())
+}
+
+module.exports = webpackConfig

config/dev.env.js

@@ -0,0 +1,7 @@
+'use strict'
+const merge = require('webpack-merge')
+const prodEnv = require('./prod.env')
+
+module.exports = merge(prodEnv, {
+  NODE_ENV: '"development"'
+})

config/index.js

@@ -0,0 +1,83 @@
+'use strict'
+// Template version: 1.3.1
+// see http://vuejs-templates.github.io/webpack for documentation.
+
+const path = require('path')
+
+module.exports = {
+  dev: {
+    // Paths
+    assetsSubDirectory: 'static',
+    assetsPublicPath: '/',
+    // assetsPublicPath: 'http://120.24.64.23:3000/',
+    proxyTable: {
+      '/': {
+        target: 'http://120.24.64.23:3000/',
+        changeOrigin: true,
+        pathRewrite: {
+          ['^/']: ''
+        }
+      }
+    },
+    // Various Dev Server settings
+    host: 'localhost', // can be overwritten by process.env.HOST
+    port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
+    autoOpenBrowser: false,
+    errorOverlay: true,
+    notifyOnErrors: true,
+    poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions-
+
+    // Use Eslint Loader?
+    // If true, your code will be linted during bundling and
+    // linting errors and warnings will be shown in the console.
+    useEslint: true,
+    // If true, eslint errors and warnings will also be shown in the error overlay
+    // in the browser.
+    showEslintErrorsInOverlay: false,
+
+    /**
+     * Source Maps
+     */
+
+    // https://webpack.js.org/configuration/devtool/#development
+    devtool: 'cheap-module-eval-source-map',
+
+    // If you have problems debugging vue-files in devtools,
+    // set this to false - it *may* help
+    // https://vue-loader.vuejs.org/en/options.html#cachebusting
+    cacheBusting: true,
+
+    cssSourceMap: true
+  },
+
+  build: {
+    // Template for index.html
+    index: path.resolve(__dirname, '../dist/index.html'),
+
+    // Paths
+    assetsRoot: path.resolve(__dirname, '../dist'),
+    assetsSubDirectory: 'static',
+    assetsPublicPath: './',
+
+    /**
+     * Source Maps
+     */
+
+    productionSourceMap: true,
+    // https://webpack.js.org/configuration/devtool/#production
+    devtool: '#source-map',
+
+    // Gzip off by default as many popular static hosts such as
+    // Surge or Netlify already gzip all static assets for you.
+    // Before setting to `true`, make sure to:
+    // npm install --save-dev compression-webpack-plugin
+    productionGzip: false,
+    productionGzipExtensions: ['js', 'css'],
+
+    // Run the build command with an extra argument to
+    // View the bundle analyzer report after build finishes:
+    // `npm run build --report`
+    // Set to `true` or `false` to always turn it on or off
+    bundleAnalyzerReport: process.env.npm_config_report
+  }
+}

config/prod.env.js

@@ -0,0 +1,4 @@
+'use strict'
+module.exports = {
+  NODE_ENV: '"production"'
+}

config/test.env.js

@@ -0,0 +1,7 @@
+'use strict'
+const merge = require('webpack-merge')
+const devEnv = require('./dev.env')
+
+module.exports = merge(devEnv, {
+  NODE_ENV: '"testing"'
+})

dist/creation/index.html

@@ -0,0 +1,274 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
+    <meta name="renderer" content="webkit">
+    <meta name="viewport" content="width=device-width" />
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Document</title>
+    <link rel="stylesheet" href="css/magic.min.css">
+    <style>
+        *,
+        *::before,
+        *::after {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+            /* -webkit-backface-visibility: hidden;
+            -moz-backface-visibility: hidden;
+            -ms-backface-visibility: hidden;
+            backface-visibility: hidden; */
+
+        }
+
+        html,
+        body {
+            width: 100%;
+            height: 100%;
+            overflow: hidden;
+        }
+
+        html {
+            font-size: 36px;
+        }
+
+        body {
+            background-color: #292929;
+        }
+        ul{
+            width: 100%;
+            height: 100%;
+            position: relative;
+            left: -24px;
+        }
+        li {
+            left: -9999px;
+            position: absolute;
+            cursor: pointer;
+            list-style: none;
+            background-image: -webkit-linear-gradient(top, #555a5f, #efeeed);
+            background-image: -ms-linear-gradient(top, #555a5f, #efeeed);
+            user-select: none;
+            z-index: 5;
+            text-align: center;
+
+        }
+
+
+        li img {
+            transform: scale(0.5);
+            pointer-events: none;
+            vertical-align: middle;
+            transition: all .4s ease-in;
+        }
+
+        li div {
+            display: none;
+            width: 100%;
+            height: 100%;
+        }
+
+        li.focus {
+            z-index: 10 !important;
+        }
+
+        li.focus img {
+            transform: scale(1.2);
+        }
+
+        li.l-4 {
+            opacity: 0.3;
+            z-index: 1;
+            transform: scale(0.4);
+        }
+
+        li.l-3 {
+            opacity: 0.3;
+            z-index: 2;
+            transform: scale(0.6);
+        }
+
+        li.l-2 {
+            opacity: 0.9;
+            z-index: 3;
+            transform: scale(0.8);
+        }
+
+        li.l-1 {
+            opacity: 1;
+            z-index: 4;
+            transform: scale(0.9);
+        }
+
+        li:hover {
+            opacity: 1;
+            transform: scale(1.4);
+            z-index: 20;
+        }
+
+        li.click {
+            left: 50% !important;
+            top: 50% !important;
+            opacity: 1;
+            transform: translate(-50%, -50%) scale(1);
+            z-index: 30 !important;
+            width: 500px !important;
+            height: 460px !important;
+            line-height: 260px !important;
+            border: solid 2px #fff;
+        }
+
+        li.click div {
+            position: absolute;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            z-index: 10;
+            display: block;
+        }
+
+        li.click img {
+           transform: scale(0);
+        }
+
+        .panel {
+            display: none;
+            position: fixed;
+            padding: 10px;
+            left: 0;
+            bottom: 0;
+            width: 100%;
+            height: 100px;
+            background-color: #efefef;
+            border-top: solid 1px #ccc;
+        }
+
+        iframe {
+            width: 100%;
+            height: 100%;
+        }
+
+        .mobile ul {
+            transform: scale(0.3) translate(-200%)
+        }
+
+        .mobile li img {
+           transition: none;
+        }
+
+        .mobile li:hover {
+            opacity: 1;
+            transform: unset;
+            z-index: 20;
+        }
+
+        .mobile li.bigger {
+            left: 170% !important;
+            top: 5rem !important;
+            opacity: 1;
+            z-index: 30 !important;
+            border: solid 2px #fff;
+            width: 15rem !important;
+            height: 15rem !important;
+            line-height: 15rem !important;
+        }
+
+        .mobile li.bigger img {
+            width: 80%;
+            height: 80%;
+            transform: scale(1) !important;
+        }
+    </style>
+</head>
+
+<body>
+    <ul></ul>
+    <script src="js/detect.mobile.js"></script>
+    <script src="js/jquery.min.js"></script>
+    <script src="js/jquery.easing.min.js"></script>
+    <script src="js/model-data.js"></script>
+    <script>
+        var list = ModelData;
+        var html = [];
+        if (IsMobile()) {
+            list = list.slice(0, 55)
+            $('body').addClass('mobile')
+        }
+
+        list.forEach(function (item, i) {
+            var clazz = item.clazz || '';
+            clazz += (item.focus ? ' focus' : '')
+            html.push('<li data-index="' + i + '" data-url="' + item.url + '" class="' + clazz +
+                '" style="line-height:' + item.height + 'px;top:' + (item.top / 36 || 0) + 'rem;left:' + (
+                    item.left / 36 || 0) + 'rem;width:' + item.width / 36 + 'rem;height:' + item.height /
+                36 + 'rem">');
+            html.push('    <img src="photos/' + item.image_small +
+                '">');
+            html.push('    <div></div>')
+            html.push('</li>');
+        })
+        $(html.join('')).appendTo('ul');
+
+        $("li").css('value', 0).css('opacity', 0).each(function (i) {
+            var time = Math.random() * 1000;
+            $(this).delay(time).animate({
+                value: 1
+            }, {
+                step: function (n) {
+                    ry = (1 - n) * 360;
+                    tz = (1 - n) * 1000;
+                    $(this).css("transform", "rotateY(" + ry + "deg) translateZ(" + tz +
+                        "px)").css('opacity', n);
+                    if (n > .98) {
+                        $(this).css("transform", "").css("opacity", "").css("transition",
+                            "all .4s ease-in")
+                    }
+
+                },
+                duration: 3000,
+                //some easing fun. Comes from the jquery easing plugin.
+                easing: 'easeOutQuint',
+                done: function () {
+
+                }
+            })
+        })
+
+        if (IsMobile()) {
+            // $('li').click(function (e) {
+            //     $('li.click').removeClass('click')
+            //     $(this).addClass('click');
+            //     return false;
+            // })
+            $('ul').css({height:'auto',left:'auto'})
+            $('li').on('touchstart', function () {
+                $('li.bigger').removeClass('bigger')
+                $(this).addClass('bigger');
+                return false;
+            })
+            $(document).on('touchstart', function () {
+                $('li.bigger').removeClass('bigger')
+            })
+        } else {
+            $('ul').css({width:window.innerWidth+'px',margin:'0 auto'})
+            $('li').click(function (e) {
+                $('li.click').removeClass('click').find('iframe').remove();
+                $(this).addClass('click');
+                var $iframe = $('<iframe style="display:none" frameborder="0" src="' + $(this).data('url') +
+                    '"></iframe>').appendTo($(this).find('div'));
+                setTimeout(function () {
+                    $iframe.css('display', 'block')
+                }, 400);
+                return false;
+            })
+            $(document).click(function () {
+                $('li.click').removeClass('click').find('iframe').remove()
+            })
+        }
+    </script>
+</body>
+
+</html>

dist/creation/js/data.js

@@ -0,0 +1,388 @@
+var ImageData =[ { url: 'http://show.4dage.com/3D/2018/model/NT/nt03.html',
+    image_small: '01.png',
+    width: 144,
+    height: 248 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt17.html',
+    image_small: '02.png',
+    width: 170,
+    height: 89 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt18.html',
+    image_small: '03.png',
+    width: 175,
+    height: 89 },
+  { url: 'http://model.4dage.com/model/JP03.html',
+    image_small: '04.png',
+    width: 184,
+    height: 110 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt37.html',
+    image_small: '05.png',
+    width: 169,
+    height: 128 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt43.html',
+    image_small: '06.png',
+    width: 194,
+    height: 126 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt49.html',
+    image_small: '07.png',
+    width: 164,
+    height: 141 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt50.html',
+    image_small: '08.png',
+    width: 147,
+    height: 125 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt28.html',
+    image_small: '09.png',
+    width: 164,
+    height: 164 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt84.html',
+    image_small: '10.png',
+    width: 194,
+    height: 66 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt85.html',
+    image_small: '11.png',
+    width: 192,
+    height: 141 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt86.html',
+    image_small: '12.png',
+    width: 237,
+    height: 60 },
+  { url: 'http://model.4dage.com/model/JP13.html',
+    image_small: '13.png',
+    width: 155,
+    height: 154 },
+  { url: 'http://model.4dage.com/model/JP12.html',
+    image_small: '14.png',
+    width: 71,
+    height: 162 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt45.html',
+    image_small: '15.png',
+    width: 76,
+    height: 168 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt44.html',
+    image_small: '16.png',
+    width: 89,
+    height: 171 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt25.html',
+    image_small: '17.png',
+    width: 174,
+    height: 103 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt64.html',
+    image_small: '18.png',
+    width: 107,
+    height: 130 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt06.html',
+    image_small: '19.png',
+    width: 94,
+    height: 164 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt13.html',
+    image_small: '20.png',
+    width: 107,
+    height: 156 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt16.html',
+    image_small: '21.png',
+    width: 98,
+    height: 145 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt10.html',
+    image_small: '22.png',
+    width: 63,
+    height: 161 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt01.html',
+    image_small: '23.png',
+    width: 128,
+    height: 119 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt82.html',
+    image_small: '24.png',
+    width: 148,
+    height: 100 },
+  { url: 'http://show.4dage.com/NM/hot/NM12.html',
+    image_small: '25.png',
+    width: 160,
+    height: 141 },
+  { url: 'http://show.4dage.com/NM/hot/NM13.html',
+    image_small: '26.png',
+    width: 129,
+    height: 129 },
+  { url: 'http://show.4dage.com/NM/hot/NM18.html',
+    image_small: '27.png',
+    width: 160,
+    height: 126 },
+  { url: 'http://show.4dage.com/NM/hot/NM20.html',
+    image_small: '28.png',
+    width: 134,
+    height: 177 },
+  { url: 'http://show.4dage.com/NM/hot/NM21.html',
+    image_small: '29.png',
+    width: 122,
+    height: 124 },
+  { url: 'http://show.4dage.com/NM/hot/NM22.html',
+    image_small: '30.png',
+    width: 100,
+    height: 167 },
+  { url: 'http://show.4dage.com/NM/hot/NM27.html',
+    image_small: '31.png',
+    width: 43,
+    height: 96 },
+  { url: 'http://show.4dage.com/NM/hot/NM33.html',
+    image_small: '32.png',
+    width: 175,
+    height: 57 },
+  { url: 'http://model.4dage.com/model/JP06.html',
+    image_small: '33.png',
+    width: 89,
+    height: 90 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt80.html',
+    image_small: '34.png',
+    width: 97,
+    height: 99 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt72.html',
+    image_small: '35.png',
+    width: 44,
+    height: 98 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt67.html',
+    image_small: '36.png',
+    width: 106,
+    height: 101 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt65.html',
+    image_small: '37.png',
+    width: 56,
+    height: 106 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt54.html',
+    image_small: '38.png',
+    width: 108,
+    height: 75 },
+  { url: 'http://model.4dage.com/model/JP02.html',
+    image_small: '39.png',
+    width: 62,
+    height: 103 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt36.html',
+    image_small: '40.png',
+    width: 119,
+    height: 84 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt66.html',
+    image_small: '41.png',
+    width: 133,
+    height: 198 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt52.html',
+    image_small: '42.png',
+    width: 135,
+    height: 195 },
+  { url: 'http://model.4dage.com/model/JP11.html',
+    image_small: '43.png',
+    width: 136,
+    height: 211 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt12.html',
+    image_small: '44.png',
+    width: 129,
+    height: 202 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt07.html',
+    image_small: '45.png',
+    width: 120,
+    height: 163 },
+  { url: 'http://model3d.4dage.com/NJBWZG/NJ36.html',
+    image_small: '46.png',
+    width: 183,
+    height: 179 },
+  { url: 'http://model3d.4dage.com/NJBWZG/NJ01.html',
+    image_small: '47.png',
+    width: 211,
+    height: 154 },
+  { url: 'http://model3d.4dage.com/NJBWZG/NJ31.html',
+    image_small: '48.png',
+    width: 60,
+    height: 210 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt63.html',
+    image_small: '49.png',
+    width: 174,
+    height: 94 },
+  { url: 'http://model3d.4dage.com/NJBWZG/NJ19.html',
+    image_small: '50.png',
+    width: 162,
+    height: 200 },
+  { url: 'http://show.4dage.com/NM/hot/NM2.html',
+    image_small: '51.png',
+    width: 200,
+    height: 123 },
+  { url: 'http://show.4dage.com/NM/hot/NM3.html',
+    image_small: '52.png',
+    width: 188,
+    height: 135 },
+  { url: 'http://show.4dage.com/NM/hot/NM4.html',
+    image_small: '53.png',
+    width: 185,
+    height: 238 },
+  { url: 'http://show.4dage.com/NM/hot/NM5.html',
+    image_small: '54.png',
+    width: 164,
+    height: 251 },
+  { url: 'http://show.4dage.com/NM/hot/NM7.html',
+    image_small: '55.png',
+    width: 200,
+    height: 126 },
+  { url: 'http://show.4dage.com/NM/hot/NM6.html',
+    image_small: '56.png',
+    width: 194,
+    height: 260 },
+  { url: 'http://show.4dage.com/NM/hot/NM8.html',
+    image_small: '57.png',
+    width: 200,
+    height: 176 },
+  { url: 'http://show.4dage.com/NM/hot/NM11.html',
+    image_small: '58.png',
+    width: 200,
+    height: 160 },
+  { url: 'http://show.4dage.com/NM/hot/NM14.html',
+    image_small: '59.png',
+    width: 196,
+    height: 146 },
+  { url: 'http://show.4dage.com/NM/hot/NM15.html',
+    image_small: '60.png',
+    width: 174,
+    height: 260 },
+  { url: 'http://show.4dage.com/NM/hot/NM16.html',
+    image_small: '61.png',
+    width: 71,
+    height: 180 },
+  { url: 'http://show.4dage.com/NM/hot/NM17.html',
+    image_small: '62.png',
+    width: 62,
+    height: 180 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt42.html',
+    image_small: '63.png',
+    width: 150,
+    height: 109 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt43.html',
+    image_small: '64.png',
+    width: 130,
+    height: 79 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt48.html',
+    image_small: '65.png',
+    width: 110,
+    height: 132 },
+  { url: 'http://model3d.4dage.com/NJBWZG/NJ18.html',
+    image_small: '66.png',
+    width: 130,
+    height: 148 },
+  { url: 'http://show.4dage.com/NM/hot/NM20.html',
+    image_small: '67.png',
+    width: 174,
+    height: 180 },
+  { url: 'http://show.4dage.com/NM/hot/NM23.html',
+    image_small: '68.png',
+    width: 164,
+    height: 180 },
+  { url: 'http://show.4dage.com/NM/hot/NM24.html',
+    image_small: '69.png',
+    width: 173,
+    height: 176 },
+  { url: 'http://model3d.4dage.com/NJBWZG/NJ25.html',
+    image_small: '70.png',
+    width: 83,
+    height: 180 },
+  { url: 'http://show.4dage.com/NM/hot/NM25.html',
+    image_small: '71.png',
+    width: 148,
+    height: 101 },
+  { url: 'http://show.4dage.com/NM/hot/NM26.html',
+    image_small: '72.png',
+    width: 146,
+    height: 121 },
+  { url: 'http://model3d.4dage.com/NJBWZG/NJ27.html',
+    image_small: '73.png',
+    width: 149,
+    height: 144 },
+  { url: 'http://model3d.4dage.com/NJBWZG/NJ28.html',
+    image_small: '74.png',
+    width: 160,
+    height: 157 },
+  { url: 'http://model3d.4dage.com/NJBWZG/NJ29.html',
+    image_small: '75.png',
+    width: 153,
+    height: 155 },
+  { url: 'http://show.4dage.com/NM/hot/NM29.html',
+    image_small: '76.png',
+    width: 146,
+    height: 97 },
+  { url: 'http://model3d.4dage.com/NJBWZG/NJ30.html',
+    image_small: '77.png',
+    width: 115,
+    height: 165 },
+  { url: 'http://show.4dage.com/NM/hot/NM28.html',
+    image_small: '78.png',
+    width: 91,
+    height: 190 },
+  { url: 'http://show.4dage.com/NM/hot/NM30.html',
+    image_small: '79.png',
+    width: 152,
+    height: 90 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt02.html',
+    image_small: '80.png',
+    width: 154,
+    height: 182 },
+  { url: 'http://show.4dage.com/NM/hot/NM32.html',
+    image_small: '81.png',
+    width: 190,
+    height: 34 },
+  { url: 'http://show.4dage.com/NM/hot/NM34.html',
+    image_small: '82.png',
+    width: 143,
+    height: 104 },
+  { url: 'http://show.4dage.com/NM/hot/NM36.html',
+    image_small: '83.png',
+    width: 150,
+    height: 97 },
+  { url: 'http://model3d.4dage.com/NJBWZG/NJ39.html',
+    image_small: '84.png',
+    width: 31,
+    height: 110 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt04.html',
+    image_small: '85.png',
+    width: 82,
+    height: 79 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt05.html',
+    image_small: '86.png',
+    width: 50,
+    height: 83 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt08.html',
+    image_small: '87.png',
+    width: 54,
+    height: 94 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt09.html',
+    image_small: '88.png',
+    width: 51,
+    height: 98 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt11.html',
+    image_small: '89.png',
+    width: 44,
+    height: 93 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt22.html',
+    image_small: '93.png',
+    width: 113,
+    height: 102 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt23.html',
+    image_small: '94.png',
+    width: 133,
+    height: 118 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt26.html',
+    image_small: '95.png',
+    width: 140,
+    height: 120 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt35.html',
+    image_small: '96.png',
+    width: 180,
+    height: 206 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt38.html',
+    image_small: '97.png',
+    width: 239,
+    height: 127 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt39.html',
+    image_small: '98.png',
+    width: 234,
+    height: 205 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt40.html',
+    image_small: '99.png',
+    width: 163,
+    height: 172 },
+  { url: 'http://show.4dage.com/3D/2018/model/NT/nt41.html',
+    image_small: '100.png',
+    width: 173,
+    height: 143 } ]

dist/creation/js/model-data.js

@@ -0,0 +1,759 @@
+var ModelData = [{
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt03",
+    "image_small": "01.png",
+    "width": 144,
+    "height": 248,
+    "left": 1693.5750122070312,
+    "top": 118.1812744140625,
+    "clazz": "l-1"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt17",
+    "image_small": "02.png",
+    "width": 170,
+    "height": 89,
+    "clazz": "l-4",
+    "left": 1123,
+    "top": 409.7624969482422
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt18",
+    "image_small": "03.png",
+    "width": 175,
+    "height": 89,
+    "left": 1036,
+    "top": 75
+}, {
+    "url": "http://www.4dage.com/creation/showModel2.html?m=JP03",
+    "image_small": "04.png",
+    "width": 184,
+    "height": 110,
+    "left": 865.1812744140625,
+    "top": 646,
+    "clazz": "l-2"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt37",
+    "image_small": "05.png",
+    "width": 169,
+    "height": 128,
+    "left": 1262.5718994140625,
+    "top": 536.1906127929688,
+    "clazz": "l-2"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt43",
+    "image_small": "06.png",
+    "width": 194,
+    "height": 126,
+    "left": 1481,
+    "top": 94
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt49",
+    "image_small": "07.png",
+    "width": 350,
+    "height": 200,
+    "left": 1384,
+    "top": 472,
+    "focus": true
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt50",
+    "image_small": "08.png",
+    "width": 147,
+    "height": 125,
+    "left": 156.80624961853027,
+    "top": 578,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt28",
+    "image_small": "09.png",
+    "width": 164,
+    "height": 164,
+    "left": 635,
+    "top": -14
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt84",
+    "image_small": "10.png",
+    "width": 194,
+    "height": 66,
+    "left": 494,
+    "top": 548
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt85",
+    "image_small": "11.png",
+    "width": 192,
+    "height": 141,
+    "left": 214.39999389648438,
+    "top": 529.2000122070312,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt86",
+    "image_small": "12.png",
+    "width": 237,
+    "height": 60,
+    "left": 383.57501220703125,
+    "top": 201,
+    "clazz": "l-2"
+}, {
+    "url": "http://www.4dage.com/creation/showModel2.html?m=JP13",
+    "image_small": "13.png",
+    "width": 155,
+    "height": 154,
+    "left": 743.5,
+    "top": 439.92498779296875,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel2.html?m=JP12",
+    "image_small": "14.png",
+    "width": 71,
+    "height": 162,
+    "left": 1013.3875122070312,
+    "top": 469.7906188964844,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt45",
+    "image_small": "15.png",
+    "width": 76,
+    "height": 168,
+    "left": 1022.800048828125,
+    "top": 354.4000244140625,
+    "clazz": "l-4"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt44",
+    "image_small": "16.png",
+    "width": 89,
+    "height": 171,
+    "left": 877.5718994140625,
+    "top": 461.3812561035156,
+    "clazz": "l-2"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt25",
+    "image_small": "17.png",
+    "width": 174,
+    "height": 103,
+    "left": 763.3875122070312,
+    "top": 204.29061889648438,
+    "clazz": "l-1"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt64",
+    "image_small": "18.png",
+    "width": 107,
+    "height": 130,
+    "left": 1070,
+    "top": 408
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt06",
+    "image_small": "19.png",
+    "width": 94,
+    "height": 164,
+    "left": 832.7625122070312,
+    "top": 681.7625122070312,
+    "clazz": "l-1"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt13",
+    "image_small": "20.png",
+    "width": 107,
+    "height": 156,
+    "left": 667,
+    "top": 312
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt16",
+    "image_small": "21.png",
+    "width": 98,
+    "height": 145,
+    "left": 734,
+    "top": 233,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt10",
+    "image_small": "22.png",
+    "width": 63,
+    "height": 161,
+    "left": 408,
+    "top": 434
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt01",
+    "image_small": "23.png",
+    "width": 300,
+    "height": 200,
+    "left": 869.796875,
+    "top": 129,
+    "clazz": "l-1",
+    "focus": true
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt82",
+    "image_small": "24.png",
+    "width": 148,
+    "height": 100,
+    "left": 1024,
+    "top": 8
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM12",
+    "image_small": "25.png",
+    "width": 160,
+    "height": 141,
+    "left": 1167,
+    "top": 177.0968780517578,
+    "clazz": "l-1"
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM13",
+    "image_small": "26.png",
+    "width": 129,
+    "height": 129,
+    "left": 827,
+    "top": 54
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM18",
+    "image_small": "27.png",
+    "width": 330,
+    "height": 200,
+    "left": 529,
+    "top": 540,
+    "focus": true
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM20",
+    "image_small": "28.png",
+    "width": 134,
+    "height": 177,
+    "left": 614,
+    "top": 124
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM21",
+    "image_small": "29.png",
+    "width": 122,
+    "height": 124,
+    "left": 495,
+    "top": 450
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM22",
+    "image_small": "30.png",
+    "width": 100,
+    "height": 167,
+    "left": 625,
+    "top": 331
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM27",
+    "image_small": "31.png",
+    "width": 43,
+    "height": 96,
+    "left": 277,
+    "top": 553,
+    "clazz": "l-4"
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM33",
+    "image_small": "32.png",
+    "width": 175,
+    "height": 57,
+    "left": 95,
+    "top": 528
+}, {
+    "url": "http://www.4dage.com/creation/showModel2.html?m=JP06",
+    "image_small": "33.png",
+    "width": 89,
+    "height": 90,
+    "left": 117,
+    "top": 473
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt80",
+    "image_small": "34.png",
+    "width": 97,
+    "height": 99,
+    "left": 48,
+    "top": 335
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt72",
+    "image_small": "35.png",
+    "width": 44,
+    "height": 98,
+    "left": 106,
+    "top": 430
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt67",
+    "image_small": "36.png",
+    "width": 106,
+    "height": 101,
+    "left": 58,
+    "top": 255
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt65",
+    "image_small": "37.png",
+    "width": 56,
+    "height": 106,
+    "left": 776.3718872070312,
+    "top": 2.371875762939453,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt54",
+    "image_small": "38.png",
+    "width": 108,
+    "height": 75,
+    "left": 416.59686279296875,
+    "top": 389,
+    "clazz": "l-2"
+}, {
+    "url": "http://www.4dage.com/creation/showModel2.html?m=JP02",
+    "image_small": "39.png",
+    "width": 62,
+    "height": 103,
+    "left": 581,
+    "top": 356
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt36",
+    "image_small": "40.png",
+    "width": 119,
+    "height": 84,
+    "left": 929,
+    "top": 582,
+    "clazz": "l-1"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt66",
+    "image_small": "41.png",
+    "width": 133,
+    "height": 198,
+    "left": 186,
+    "top": 167
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt52",
+    "image_small": "42.png",
+    "width": 135,
+    "height": 195,
+    "left": 1780,
+    "top": 311,
+    "focus": false
+}, {
+    "url": "http://www.4dage.com/creation/showModel2.html?m=JP11",
+    "image_small": "43.png",
+    "width": 136,
+    "height": 211,
+    "left": 1179.1937255859375,
+    "top": 291.1937561035156,
+    "clazz": "l-2"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt12",
+    "image_small": "44.png",
+    "width": 129,
+    "height": 202,
+    "left": 1079.4937744140625,
+    "top": 205.9812469482422,
+    "clazz": "l-2"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt07",
+    "image_small": "45.png",
+    "width": 120,
+    "height": 163,
+    "clazz": "l-3",
+    "left": 1001,
+    "top": 214.38125610351562
+}, {
+    "url": "http://www.4dage.com/creation/showModel4.html?m=NJ36",
+    "image_small": "46.png",
+    "width": 183,
+    "height": 179,
+    "left": 873.5999755859375,
+    "top": -19.199996948242188,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel4.html?m=NJ01",
+    "image_small": "47.png",
+    "width": 211,
+    "height": 154,
+    "left": 1215.512451171875,
+    "top": 261.37811279296875,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel4.html?m=NJ31",
+    "image_small": "48.png",
+    "width": 60,
+    "height": 210,
+    "left": 1824,
+    "top": 25
+}, 
+// {
+//     "url": "http://show.4dage.com/3D/2018/model/NT/nt63.html",
+//     "image_small": "49.png",
+//     "width": 174,
+//     "height": 94,
+//     "left": 1171.0875244140625,
+//     "top": 511.0875244140625,
+//     "clazz": "l-1"
+// }, 
+{
+    "url": "http://www.4dage.com/creation/showModel4.html?m=NJ19",
+    "image_small": "50.png",
+    "width": 162,
+    "height": 200,
+    "left": 1391.7906494140625,
+    "top": 646,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM2",
+    "image_small": "51.png",
+    "width": 200,
+    "height": 123,
+    "left": 1220,
+    "top": 345.0531311035156,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM3",
+    "image_small": "52.png",
+    "width": 188,
+    "height": 135,
+    "left": 887.7718505859375,
+    "top": 433.25,
+    "clazz": "l-3"
+}, 
+// {
+//     "url": "http://show.4dage.com/NM/hot/NM4.html",
+//     "image_small": "53.png",
+//     "width": 185,
+//     "height": 238,
+//     "left": 221.25,
+//     "top": 319.8999938964844,
+//     "clazz": "l-1"
+// }, 
+{
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM5",
+    "image_small": "54.png",
+    "width": 164,
+    "height": 251,
+    "left": 1047.7593994140625,
+    "top": 526.9281005859375,
+    "clazz": "l-2"
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM7",
+    "image_small": "55.png",
+    "width": 200,
+    "height": 126,
+    "left": 371,
+    "top": 576.6000061035156,
+    "clazz": "l-2"
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM6",
+    "image_small": "56.png",
+    "width": 194,
+    "height": 260,
+    "left": 1488.878173828125,
+    "top": 315,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM8",
+    "image_small": "57.png",
+    "width": 350,
+    "height": 230,
+    "left": 267,
+    "top": 37.390625,
+    "clazz": "l-2",
+    "focus": true
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM11",
+    "image_small": "58.png",
+    "width": 200,
+    "height": 160,
+    "left": 1199,
+    "top": 4,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM14",
+    "image_small": "59.png",
+    "width": 196,
+    "height": 146,
+    "left": 904.9874877929688,
+    "top": 265.98748779296875,
+    "clazz": "l-4"
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM15",
+    "image_small": "60.png",
+    "width": 174,
+    "height": 260,
+    "left": 1350.5968627929688,
+    "top": 37,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM16",
+    "image_small": "61.png",
+    "width": 71,
+    "height": 180,
+    "left": 512.0437622070312,
+    "top": 300,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM17",
+    "image_small": "62.png",
+    "width": 62,
+    "height": 180,
+    "left": 183,
+    "top": 280
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt42",
+    "image_small": "63.png",
+    "width": 150,
+    "height": 109,
+    "left": 1343,
+    "top": 12
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt43",
+    "image_small": "64.png",
+    "width": 130,
+    "height": 79,
+    "left": 1248,
+    "top": 143
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt48",
+    "image_small": "65.png",
+    "width": 110,
+    "height": 132,
+    "left": 684,
+    "top": 689.2000122070312,
+    "clazz": "l-2"
+}, {
+    "url": "http://www.4dage.com/creation/showModel4.html?m=NJ18",
+    "image_small": "66.png",
+    "width": 130,
+    "height": 148,
+    "left": 1526,
+    "top": 288.3999938964844,
+    "clazz": "l-4"
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM20",
+    "image_small": "67.png",
+    "width": 174,
+    "height": 180,
+    "left": 1597,
+    "top": 199,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM23",
+    "image_small": "68.png",
+    "width": 164,
+    "height": 180,
+    "left": 1628,
+    "top": -33
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM24",
+    "image_small": "69.png",
+    "width": 173,
+    "height": 176,
+    "left": 809.7906494140625,
+    "top": 375.59686279296875,
+    "clazz": "l-4"
+}, {
+    "url": "http://www.4dage.com/creation/showModel4.html?m=NJ25",
+    "image_small": "70.png",
+    "width": 83,
+    "height": 180,
+    "left": 1438.7906494140625,
+    "top": 351,
+    "clazz": "l-4"
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM25",
+    "image_small": "71.png",
+    "width": 148,
+    "height": 101,
+    "left": 1691,
+    "top": 542,
+    "clazz": "l-4"
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM26",
+    "image_small": "72.png",
+    "width": 146,
+    "height": 121,
+    "left": 1295,
+    "top": 662
+}, 
+// {
+//     "url": "http://model3d.4dage.com/NJBWZG/NJ27.html",
+//     "image_small": "73.png",
+//     "width": 149,
+//     "height": 144,
+//     "left": 1534.324951171875,
+//     "top": 694.5750122070312,
+//     "clazz": "l-1"
+// }, 
+// {
+//     "url": "http://model3d.4dage.com/NJBWZG/NJ28.html",
+//     "image_small": "74.png",
+//     "width": 160,
+//     "height": 157,
+//     "left": 1621,
+//     "top": 617
+// }, 
+{
+    "url": "http://www.4dage.com/creation/showModel4.html?m=NJ29",
+    "image_small": "75.png",
+    "width": 153,
+    "height": 155,
+    "left": 1717,
+    "top": 532
+}, 
+// {
+//     "url": "http://show.4dage.com/NM/hot/NM29.html",
+//     "image_small": "76.png",
+//     "width": 146,
+//     "height": 97,
+//     "left": 1445.784423828125,
+//     "top": 263.5843811035156,
+//     "clazz": "l-4"
+// },
+ {
+    "url": "http://www.4dage.com/creation/showModel4.html?m=NJ30",
+    "image_small": "77.png",
+    "width": 115,
+    "height": 165,
+    "clazz": "l-4",
+    "left": 1539.5,
+    "top": 199.5
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM28",
+    "image_small": "78.png",
+    "width": 91,
+    "height": 190,
+    "left": 330.09686279296875,
+    "top": 615,
+    "clazz": "l-1"
+}, 
+// {
+//     "url": "http://show.4dage.com/NM/hot/NM30.html",
+//     "image_small": "79.png",
+//     "width": 152,
+//     "height": 90,
+//     "clazz": "l-4",
+//     "left": 1362.599998474121,
+//     "top": 262
+// }, 
+{
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt02",
+    "image_small": "80.png",
+    "width": 154,
+    "height": 182,
+    "left": 406.98748779296875,
+    "top": 635.9781494140625,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM32",
+    "image_small": "81.png",
+    "width": 190,
+    "height": 34,
+    "left": 971,
+    "top": 367.99688720703125,
+    "clazz": "l-4"
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM34",
+    "image_small": "82.png",
+    "width": 143,
+    "height": 104,
+    "clazz": "l-4",
+    "left": 353.4625244140625,
+    "top": 284.95001220703125
+}, {
+    "url": "http://www.4dage.com/creation/showModel3.html?m=NM36",
+    "image_small": "83.png",
+    "width": 150,
+    "height": 97,
+    "left": 790,
+    "top": 7.881256103515625,
+    "clazz": "l-4"
+}, {
+    "url": "http://www.4dage.com/creation/showModel4.html?m=NJ39",
+    "image_small": "84.png",
+    "width": 31,
+    "height": 110,
+    "left": 572.7625122070312,
+    "top": 263,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt04",
+    "image_small": "85.png",
+    "width": 82,
+    "height": 79,
+    "left": 227,
+    "top": 52
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt05",
+    "image_small": "86.png",
+    "width": 50,
+    "height": 83,
+    "left": 1743,
+    "top": 755
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt08",
+    "image_small": "87.png",
+    "width": 54,
+    "height": 94,
+    "left": 1835,
+    "top": 671
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt09",
+    "image_small": "88.png",
+    "width": 51,
+    "height": 98,
+    "left": 1849,
+    "top": 532
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt11",
+    "image_small": "89.png",
+    "width": 44,
+    "height": 93,
+    "left": 1460.171875,
+    "top": 670.375,
+    "clazz": ""
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt22",
+    "image_small": "93.png",
+    "width": 113,
+    "height": 102,
+    "left": 240.08438110351562,
+    "top": 100.3843765258789,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt23",
+    "image_small": "94.png",
+    "width": 133,
+    "height": 118,
+    "left": 53.30000305175781,
+    "top": 108.80000305175781,
+    "clazz": "l-2"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt26",
+    "image_small": "95.png",
+    "width": 140,
+    "height": 120,
+    "left": 115,
+    "top": 9,
+    "clazz": "l-1"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt35",
+    "image_small": "96.png",
+    "width": 180,
+    "height": 206,
+    "left": 1120,
+    "top": 636.7312622070312,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt38",
+    "image_small": "97.png",
+    "width": 239,
+    "height": 127,
+    "left": 37.79999923706055,
+    "top": 663.4000244140625,
+    "clazz": "l-3"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt39",
+    "image_small": "98.png",
+    "width": 234,
+    "height": 205,
+    "left": 188.10625076293945,
+    "top": 685.25,
+    "clazz": "l-4"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt40",
+    "image_small": "99.png",
+    "width": 163,
+    "height": 172,
+    "left": 1595.440673828125,
+    "top": 314.79376220703125,
+    "clazz": "l-2"
+}, {
+    "url": "http://www.4dage.com/creation/showModel.html?m=nt41",
+    "image_small": "100.png",
+    "width": 173,
+    "height": 143,
+    "left": 1314.784423828125,
+    "top": 396.78436279296875,
+    "clazz": "l-2"
+}];

dist/creation/js/model-data2.js

@@ -0,0 +1,759 @@
+var ModelData = [{
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt03.html",
+    "image_small": "01.png",
+    "width": 144,
+    "height": 248,
+    "left": 1693.5750122070312,
+    "top": 118.1812744140625,
+    "clazz": "l-1"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt17.html",
+    "image_small": "02.png",
+    "width": 170,
+    "height": 89,
+    "clazz": "l-4",
+    "left": 1123,
+    "top": 409.7624969482422
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt18.html",
+    "image_small": "03.png",
+    "width": 175,
+    "height": 89,
+    "left": 1036,
+    "top": 75
+}, {
+    "url": "http://model.4dage.com/model/JP03.html",
+    "image_small": "04.png",
+    "width": 184,
+    "height": 110,
+    "left": 865.1812744140625,
+    "top": 646,
+    "clazz": "l-2"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt37.html",
+    "image_small": "05.png",
+    "width": 169,
+    "height": 128,
+    "left": 1262.5718994140625,
+    "top": 536.1906127929688,
+    "clazz": "l-2"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt43.html",
+    "image_small": "06.png",
+    "width": 194,
+    "height": 126,
+    "left": 1481,
+    "top": 94
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt49.html",
+    "image_small": "07.png",
+    "width": 350,
+    "height": 200,
+    "left": 1384,
+    "top": 472,
+    "focus": true
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt50.html",
+    "image_small": "08.png",
+    "width": 147,
+    "height": 125,
+    "left": 156.80624961853027,
+    "top": 578,
+    "clazz": "l-3"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt28.html",
+    "image_small": "09.png",
+    "width": 164,
+    "height": 164,
+    "left": 635,
+    "top": -14
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt84.html",
+    "image_small": "10.png",
+    "width": 194,
+    "height": 66,
+    "left": 494,
+    "top": 548
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt85.html",
+    "image_small": "11.png",
+    "width": 192,
+    "height": 141,
+    "left": 214.39999389648438,
+    "top": 529.2000122070312,
+    "clazz": "l-3"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt86.html",
+    "image_small": "12.png",
+    "width": 237,
+    "height": 60,
+    "left": 383.57501220703125,
+    "top": 201,
+    "clazz": "l-2"
+}, {
+    "url": "http://model.4dage.com/model/JP13.html",
+    "image_small": "13.png",
+    "width": 155,
+    "height": 154,
+    "left": 743.5,
+    "top": 439.92498779296875,
+    "clazz": "l-3"
+}, {
+    "url": "http://model.4dage.com/model/JP12.html",
+    "image_small": "14.png",
+    "width": 71,
+    "height": 162,
+    "left": 1013.3875122070312,
+    "top": 469.7906188964844,
+    "clazz": "l-3"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt45.html",
+    "image_small": "15.png",
+    "width": 76,
+    "height": 168,
+    "left": 1022.800048828125,
+    "top": 354.4000244140625,
+    "clazz": "l-4"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt44.html",
+    "image_small": "16.png",
+    "width": 89,
+    "height": 171,
+    "left": 877.5718994140625,
+    "top": 461.3812561035156,
+    "clazz": "l-2"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt25.html",
+    "image_small": "17.png",
+    "width": 174,
+    "height": 103,
+    "left": 763.3875122070312,
+    "top": 204.29061889648438,
+    "clazz": "l-1"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt64.html",
+    "image_small": "18.png",
+    "width": 107,
+    "height": 130,
+    "left": 1070,
+    "top": 408
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt06.html",
+    "image_small": "19.png",
+    "width": 94,
+    "height": 164,
+    "left": 832.7625122070312,
+    "top": 681.7625122070312,
+    "clazz": "l-1"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt13.html",
+    "image_small": "20.png",
+    "width": 107,
+    "height": 156,
+    "left": 667,
+    "top": 312
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt16.html",
+    "image_small": "21.png",
+    "width": 98,
+    "height": 145,
+    "left": 734,
+    "top": 233,
+    "clazz": "l-3"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt10.html",
+    "image_small": "22.png",
+    "width": 63,
+    "height": 161,
+    "left": 408,
+    "top": 434
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt01.html",
+    "image_small": "23.png",
+    "width": 300,
+    "height": 200,
+    "left": 869.796875,
+    "top": 129,
+    "clazz": "l-1",
+    "focus": true
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt82.html",
+    "image_small": "24.png",
+    "width": 148,
+    "height": 100,
+    "left": 1024,
+    "top": 8
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM12.html",
+    "image_small": "25.png",
+    "width": 160,
+    "height": 141,
+    "left": 1167,
+    "top": 177.0968780517578,
+    "clazz": "l-1"
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM13.html",
+    "image_small": "26.png",
+    "width": 129,
+    "height": 129,
+    "left": 827,
+    "top": 54
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM18.html",
+    "image_small": "27.png",
+    "width": 330,
+    "height": 200,
+    "left": 529,
+    "top": 540,
+    "focus": true
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM20.html",
+    "image_small": "28.png",
+    "width": 134,
+    "height": 177,
+    "left": 614,
+    "top": 124
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM21.html",
+    "image_small": "29.png",
+    "width": 122,
+    "height": 124,
+    "left": 495,
+    "top": 450
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM22.html",
+    "image_small": "30.png",
+    "width": 100,
+    "height": 167,
+    "left": 625,
+    "top": 331
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM27.html",
+    "image_small": "31.png",
+    "width": 43,
+    "height": 96,
+    "left": 277,
+    "top": 553,
+    "clazz": "l-4"
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM33.html",
+    "image_small": "32.png",
+    "width": 175,
+    "height": 57,
+    "left": 95,
+    "top": 528
+}, {
+    "url": "http://model.4dage.com/model/JP06.html",
+    "image_small": "33.png",
+    "width": 89,
+    "height": 90,
+    "left": 117,
+    "top": 473
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt80.html",
+    "image_small": "34.png",
+    "width": 97,
+    "height": 99,
+    "left": 48,
+    "top": 335
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt72.html",
+    "image_small": "35.png",
+    "width": 44,
+    "height": 98,
+    "left": 106,
+    "top": 430
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt67.html",
+    "image_small": "36.png",
+    "width": 106,
+    "height": 101,
+    "left": 58,
+    "top": 255
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt65.html",
+    "image_small": "37.png",
+    "width": 56,
+    "height": 106,
+    "left": 776.3718872070312,
+    "top": 2.371875762939453,
+    "clazz": "l-3"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt54.html",
+    "image_small": "38.png",
+    "width": 108,
+    "height": 75,
+    "left": 416.59686279296875,
+    "top": 389,
+    "clazz": "l-2"
+}, {
+    "url": "http://model.4dage.com/model/JP02.html",
+    "image_small": "39.png",
+    "width": 62,
+    "height": 103,
+    "left": 581,
+    "top": 356
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt36.html",
+    "image_small": "40.png",
+    "width": 119,
+    "height": 84,
+    "left": 929,
+    "top": 582,
+    "clazz": "l-1"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt66.html",
+    "image_small": "41.png",
+    "width": 133,
+    "height": 198,
+    "left": 186,
+    "top": 167
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt52.html",
+    "image_small": "42.png",
+    "width": 135,
+    "height": 195,
+    "left": 1780,
+    "top": 311,
+    "focus": false
+}, {
+    "url": "http://model.4dage.com/model/JP11.html",
+    "image_small": "43.png",
+    "width": 136,
+    "height": 211,
+    "left": 1179.1937255859375,
+    "top": 291.1937561035156,
+    "clazz": "l-2"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt12.html",
+    "image_small": "44.png",
+    "width": 129,
+    "height": 202,
+    "left": 1079.4937744140625,
+    "top": 205.9812469482422,
+    "clazz": "l-2"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt07.html",
+    "image_small": "45.png",
+    "width": 120,
+    "height": 163,
+    "clazz": "l-3",
+    "left": 1001,
+    "top": 214.38125610351562
+}, {
+    "url": "http://model3d.4dage.com/NJBWZG/NJ36.html",
+    "image_small": "46.png",
+    "width": 183,
+    "height": 179,
+    "left": 873.5999755859375,
+    "top": -19.199996948242188,
+    "clazz": "l-3"
+}, {
+    "url": "http://model3d.4dage.com/NJBWZG/NJ01.html",
+    "image_small": "47.png",
+    "width": 211,
+    "height": 154,
+    "left": 1215.512451171875,
+    "top": 261.37811279296875,
+    "clazz": "l-3"
+}, {
+    "url": "http://model3d.4dage.com/NJBWZG/NJ31.html",
+    "image_small": "48.png",
+    "width": 60,
+    "height": 210,
+    "left": 1824,
+    "top": 25
+}, 
+// {
+//     "url": "http://show.4dage.com/3D/2018/model/NT/nt63.html",
+//     "image_small": "49.png",
+//     "width": 174,
+//     "height": 94,
+//     "left": 1171.0875244140625,
+//     "top": 511.0875244140625,
+//     "clazz": "l-1"
+// }, 
+{
+    "url": "http://model3d.4dage.com/NJBWZG/NJ19.html",
+    "image_small": "50.png",
+    "width": 162,
+    "height": 200,
+    "left": 1391.7906494140625,
+    "top": 646,
+    "clazz": "l-3"
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM2.html",
+    "image_small": "51.png",
+    "width": 200,
+    "height": 123,
+    "left": 1220,
+    "top": 345.0531311035156,
+    "clazz": "l-3"
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM3.html",
+    "image_small": "52.png",
+    "width": 188,
+    "height": 135,
+    "left": 887.7718505859375,
+    "top": 433.25,
+    "clazz": "l-3"
+}, 
+// {
+//     "url": "http://show.4dage.com/NM/hot/NM4.html",
+//     "image_small": "53.png",
+//     "width": 185,
+//     "height": 238,
+//     "left": 221.25,
+//     "top": 319.8999938964844,
+//     "clazz": "l-1"
+// }, 
+{
+    "url": "http://show.4dage.com/NM/hot/NM5.html",
+    "image_small": "54.png",
+    "width": 164,
+    "height": 251,
+    "left": 1047.7593994140625,
+    "top": 526.9281005859375,
+    "clazz": "l-2"
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM7.html",
+    "image_small": "55.png",
+    "width": 200,
+    "height": 126,
+    "left": 371,
+    "top": 576.6000061035156,
+    "clazz": "l-2"
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM6.html",
+    "image_small": "56.png",
+    "width": 194,
+    "height": 260,
+    "left": 1488.878173828125,
+    "top": 315,
+    "clazz": "l-3"
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM8.html",
+    "image_small": "57.png",
+    "width": 350,
+    "height": 230,
+    "left": 267,
+    "top": 37.390625,
+    "clazz": "l-2",
+    "focus": true
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM11.html",
+    "image_small": "58.png",
+    "width": 200,
+    "height": 160,
+    "left": 1199,
+    "top": 4,
+    "clazz": "l-3"
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM14.html",
+    "image_small": "59.png",
+    "width": 196,
+    "height": 146,
+    "left": 904.9874877929688,
+    "top": 265.98748779296875,
+    "clazz": "l-4"
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM15.html",
+    "image_small": "60.png",
+    "width": 174,
+    "height": 260,
+    "left": 1350.5968627929688,
+    "top": 37,
+    "clazz": "l-3"
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM16.html",
+    "image_small": "61.png",
+    "width": 71,
+    "height": 180,
+    "left": 512.0437622070312,
+    "top": 300,
+    "clazz": "l-3"
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM17.html",
+    "image_small": "62.png",
+    "width": 62,
+    "height": 180,
+    "left": 183,
+    "top": 280
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt42.html",
+    "image_small": "63.png",
+    "width": 150,
+    "height": 109,
+    "left": 1343,
+    "top": 12
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt43.html",
+    "image_small": "64.png",
+    "width": 130,
+    "height": 79,
+    "left": 1248,
+    "top": 143
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt48.html",
+    "image_small": "65.png",
+    "width": 110,
+    "height": 132,
+    "left": 684,
+    "top": 689.2000122070312,
+    "clazz": "l-2"
+}, {
+    "url": "http://model3d.4dage.com/NJBWZG/NJ18.html",
+    "image_small": "66.png",
+    "width": 130,
+    "height": 148,
+    "left": 1526,
+    "top": 288.3999938964844,
+    "clazz": "l-4"
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM20.html",
+    "image_small": "67.png",
+    "width": 174,
+    "height": 180,
+    "left": 1597,
+    "top": 199,
+    "clazz": "l-3"
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM23.html",
+    "image_small": "68.png",
+    "width": 164,
+    "height": 180,
+    "left": 1628,
+    "top": -33
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM24.html",
+    "image_small": "69.png",
+    "width": 173,
+    "height": 176,
+    "left": 809.7906494140625,
+    "top": 375.59686279296875,
+    "clazz": "l-4"
+}, {
+    "url": "http://model3d.4dage.com/NJBWZG/NJ25.html",
+    "image_small": "70.png",
+    "width": 83,
+    "height": 180,
+    "left": 1438.7906494140625,
+    "top": 351,
+    "clazz": "l-4"
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM25.html",
+    "image_small": "71.png",
+    "width": 148,
+    "height": 101,
+    "left": 1691,
+    "top": 542,
+    "clazz": "l-4"
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM26.html",
+    "image_small": "72.png",
+    "width": 146,
+    "height": 121,
+    "left": 1295,
+    "top": 662
+}, 
+// {
+//     "url": "http://model3d.4dage.com/NJBWZG/NJ27.html",
+//     "image_small": "73.png",
+//     "width": 149,
+//     "height": 144,
+//     "left": 1534.324951171875,
+//     "top": 694.5750122070312,
+//     "clazz": "l-1"
+// }, 
+// {
+//     "url": "http://model3d.4dage.com/NJBWZG/NJ28.html",
+//     "image_small": "74.png",
+//     "width": 160,
+//     "height": 157,
+//     "left": 1621,
+//     "top": 617
+// }, 
+{
+    "url": "http://model3d.4dage.com/NJBWZG/NJ29.html",
+    "image_small": "75.png",
+    "width": 153,
+    "height": 155,
+    "left": 1717,
+    "top": 532
+}, 
+// {
+//     "url": "http://show.4dage.com/NM/hot/NM29.html",
+//     "image_small": "76.png",
+//     "width": 146,
+//     "height": 97,
+//     "left": 1445.784423828125,
+//     "top": 263.5843811035156,
+//     "clazz": "l-4"
+// },
+ {
+    "url": "http://model3d.4dage.com/NJBWZG/NJ30.html",
+    "image_small": "77.png",
+    "width": 115,
+    "height": 165,
+    "clazz": "l-4",
+    "left": 1539.5,
+    "top": 199.5
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM28.html",
+    "image_small": "78.png",
+    "width": 91,
+    "height": 190,
+    "left": 330.09686279296875,
+    "top": 615,
+    "clazz": "l-1"
+}, 
+// {
+//     "url": "http://show.4dage.com/NM/hot/NM30.html",
+//     "image_small": "79.png",
+//     "width": 152,
+//     "height": 90,
+//     "clazz": "l-4",
+//     "left": 1362.599998474121,
+//     "top": 262
+// }, 
+{
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt02.html",
+    "image_small": "80.png",
+    "width": 154,
+    "height": 182,
+    "left": 406.98748779296875,
+    "top": 635.9781494140625,
+    "clazz": "l-3"
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM32.html",
+    "image_small": "81.png",
+    "width": 190,
+    "height": 34,
+    "left": 971,
+    "top": 367.99688720703125,
+    "clazz": "l-4"
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM34.html",
+    "image_small": "82.png",
+    "width": 143,
+    "height": 104,
+    "clazz": "l-4",
+    "left": 353.4625244140625,
+    "top": 284.95001220703125
+}, {
+    "url": "http://show.4dage.com/NM/hot/NM36.html",
+    "image_small": "83.png",
+    "width": 150,
+    "height": 97,
+    "left": 790,
+    "top": 7.881256103515625,
+    "clazz": "l-4"
+}, {
+    "url": "http://model3d.4dage.com/NJBWZG/NJ39.html",
+    "image_small": "84.png",
+    "width": 31,
+    "height": 110,
+    "left": 572.7625122070312,
+    "top": 263,
+    "clazz": "l-3"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt04.html",
+    "image_small": "85.png",
+    "width": 82,
+    "height": 79,
+    "left": 227,
+    "top": 52
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt05.html",
+    "image_small": "86.png",
+    "width": 50,
+    "height": 83,
+    "left": 1743,
+    "top": 755
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt08.html",
+    "image_small": "87.png",
+    "width": 54,
+    "height": 94,
+    "left": 1835,
+    "top": 671
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt09.html",
+    "image_small": "88.png",
+    "width": 51,
+    "height": 98,
+    "left": 1849,
+    "top": 532
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt11.html",
+    "image_small": "89.png",
+    "width": 44,
+    "height": 93,
+    "left": 1460.171875,
+    "top": 670.375,
+    "clazz": ""
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt22.html",
+    "image_small": "93.png",
+    "width": 113,
+    "height": 102,
+    "left": 240.08438110351562,
+    "top": 100.3843765258789,
+    "clazz": "l-3"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt23.html",
+    "image_small": "94.png",
+    "width": 133,
+    "height": 118,
+    "left": 53.30000305175781,
+    "top": 108.80000305175781,
+    "clazz": "l-2"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt26.html",
+    "image_small": "95.png",
+    "width": 140,
+    "height": 120,
+    "left": 115,
+    "top": 9,
+    "clazz": "l-1"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt35.html",
+    "image_small": "96.png",
+    "width": 180,
+    "height": 206,
+    "left": 1120,
+    "top": 636.7312622070312,
+    "clazz": "l-3"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt38.html",
+    "image_small": "97.png",
+    "width": 239,
+    "height": 127,
+    "left": 37.79999923706055,
+    "top": 663.4000244140625,
+    "clazz": "l-3"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt39.html",
+    "image_small": "98.png",
+    "width": 234,
+    "height": 205,
+    "left": 188.10625076293945,
+    "top": 685.25,
+    "clazz": "l-4"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt40.html",
+    "image_small": "99.png",
+    "width": 163,
+    "height": 172,
+    "left": 1595.440673828125,
+    "top": 314.79376220703125,
+    "clazz": "l-2"
+}, {
+    "url": "http://show.4dage.com/3D/2018/model/NT/nt41.html",
+    "image_small": "100.png",
+    "width": 173,
+    "height": 143,
+    "left": 1314.784423828125,
+    "top": 396.78436279296875,
+    "clazz": "l-2"
+}];