get_img_material.php

shows usage of get material image

by veeuze

HTML

<script src="https://integrate.materialo.com/v2.0/js/vendor/XMLDisplay.js"></script>
<link rel="stylesheet" href="https://integrate.materialo.com/v2.0/css/vendor/XMLDisplay.css">
<div id="scriptname"></div>
<div id="output"></div>

CSS

body {
  white-space: pre;
  font-family: monospace;
}

#scriptname,
#output {
  background-color: #fff;
  padding: 10px;
}

iframe {
  width: 100%;
  height: 500px;
  border: none;
}

JavaScript

// Please adjust the following variables to your liking:
var cnf = "integrate-demo";
var mid = "1523051";
var prod = "";
var artnr = "";
var w = "640";
var h = "480";
var show3d = "1";
var halign = "";
var valign = "";
var dbg = "0";
// end of adjustment

var scriptname = "https://integrate.materialo.com/v2.1/get_img_material.php?cnf=" + cnf + "&mid=" + mid + "&prod=" + prod + "&artnr=" + artnr + "&w=" + w + "&h=" + h + "&show3d=" + show3d + "&halign=" + halign + "&valign=" + valign + "&dbg=" + dbg;
var scriptname_display = "https://integrate.materialo.com/{VersionCode}/get_img_material.php?cnf=" + cnf + "&mid=" + mid + "&prod=" + prod + "&artnr=" + artnr + "&w=" + w + "&h=" + h + "&show3d=" + show3d + "&halign=" + halign + "&valign=" + valign + "&dbg=" + dbg;
$('#scriptname').html("This is the script you are calling:\r\n" + scriptname_display);
if (dbg == 1) {
  $("#output").html("<iframe src='" + scriptname_display + "'></iframe>");
} else {
  $('#output').html(
    "This is the output:\r\n<img src='" + scriptname + "' />");
}