Simulator Instance #1

With multiple instances, one simulator could display the website of a potential client and the other instance an example from your portfolio.

The site address in this instance is configured dynamically through this page's URL by using the container_id value as a parameter: www.your_website.com/your_campaign_page.php?container_id=www.client_website.com



How this simulator is created

Note that the url value is overridden by the URL parameter that coincides with the value of the container_id - in this case transmog_287

<div id="transmog_287" class="transmog"> <script type="text/javascript"> var transmog_287 = new TRANSMOG(); transmog_287.init({ key: "494dc0ebe557c", container_id: "transmog_287", skin: "iphone3", url: "www.guardian.co.uk", display_url: false, background_color: "#EDEEEE", text_color: "#000000", scrollbar_color: "#CCCCCC", demo_version: true, }); </script> </div>

This code is generated by following the configuration steps with your subscription username and password.



Simulator Instance #2

Another simulator instance could display an example from your portfolio to allow comparison with the client's website.

The site address in this instance is static and configured in the standard way using the url field in the initialisation code.




How this simulator is created

Note that each simulator instance is given a unique container_id allowing to confugure each with different skins, loading pages, background colors and other options.

<div id="transmog_288" class="transmog"> <script type="text/javascript"> var transmog_288 = new TRANSMOG(); transmog_288.init({ key: "494dc0ebe557c", container_id: "transmog_288", skin: "iphone4", url: "www.guardian.co.uk", display_url: false, background_color: "#EDEEEE", text_color: "#000000", scrollbar_color: "#CCCCCC", demo_version: true, }); </script> </div>

This code is generated by following the configuration steps with your subscription username and password.