Integrate the custom version

In just two steps you have put the innea livingroom custom webdemo on your server and can easily embed it into any of your websites.

Step 1: Upload required files to your webserver

If not already done, download the innea livingroom core package:

innea livingroom Download
innea livingroom v1.3
zip zip (86.99 MB)

Unzip it and upload its content to your webserver, for example to the directory root/3rdparty/innea_livingroom/.

Test the installation by opening your browser and accessing the following page:

http://www.your-domain.com/3rdparty/innea_livingroom/webdemo.html

Replace 3rdparty/innea_livingroom with the directory where you have the content of the ZIP file uploaded to. The page should look like this page. Don’t be surprised about the license notice, it will disappear soon.

Now it’s time to upload the customized files. You will receive from us a file called:

innea_livingroom_web_yourcompany.zip

Unzip it and upload its content to the same location on your webserver as the core package. For example the directory root/3rdparty/innea_livingroom/.

Test the installation by opening your browser and accessing the following page (Note the _yourcompany suffix on the HTML file):

http://www.your-domain.com/3rdparty/innea_livingroom/webdemo_yourcompany.html

That’s it! Everything should work as expected. In the next step we will show you how to embed the demo on your pages.

Step 2: Embed the webdemo into your HTML site(s)

a) Place the following code in the <head> or just before the closing </body> tag of your site (if you are using a CMS, check out how to add JavaScript to your page!):

<script type="text/javascript" src="your_webdemo_location/assets/script/loader.js"></script>

b) Copy the <div id="innea-apartment-webdemo">...</div> from the customized HTML file webdemo_yourcompany.html. It should look similar to the code below:

<div id="innea-apartment-webdemo" 
     file="assets/swf/loader.swf"
     language="en" 
     bgcolor="#111111"
     guiColor="22FF23"
     panorama="chicago_01.jpg"
     introFile="../img/intro_yours.png"
     introBarY="380"
     logo0_img="../img/logo_yours.png"
     license="RKEnP31NmmR37tJ7HPJib+ePh4ajbwwQxnP4CaeU4NGroMCEWjzm4fs4nWFSir7gqHmtM4u4hFm6wbbp84t5/A==">
</div>

Parameter overview

id Identifier for the JavaScript loader. Needs to be "innea-apartment-webdemo".
file The flash file to load. Replace "your_webdemo_location" with the absolute or relative URL to the web demo files on your webserver.
language Here you can specify the language of the webdemo. The following languages are available:
  • de
  • en_us
  • en_gb
bgcolor Change the background color of the webdemo, so that it integrates seamlessly into the design of your website. The parameter expects a value in hex ​​RGB format: "#RRGGBB"
license With your purchase you will receive a license key which will unlock the webdemo for your domains. This protects you from potential Flash piracy by third parties. Replace "your_license_key" by your own license key.
guiColor Change the GUI highlight color of the webdemo, so that the demo matches your Corporate Identity. The parameter expects a value in hex ​​RGB format (without a leading #): "RRGGBB"
panorama The name of the panorama image file used. For example chicago_01.jpg
logo0_img The absolute or relative URL to the logo image displayed in the webdemo.
logo0_x The x-offset of the logo displayed in the webdemo. (default: 0)
logo0_y The y-offset of the logo displayed in the webdemo. (default: 0)
logo0_y The alignment of logo displayed in the webdemo. Possible values are top-right, top-left, bottom-left, bottom-right (default: top-right)
introFile The absolute or relative URL to the intro image displayed when the webdemo starts. Its dimensions should be 960×540 pixel.
introBarX The x-offset of the intro loading bar starting from left. If not set the bar is centered horizontally.
introBarY The y-offset of the intro loading bar starting from top. If not set the bar is centered vertically.