title: Show image with onload
body: <p>Need help to show <code>"default"</code> picture in the imageHolder when pages is loaded in JavaScript and replaced whit picture from the button click.  </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    function changeImg(image) {
      var imghol = document.getElementById("imageHolder");
      imghol.src = image;
    }
  &lt;/script&gt;
  
  &lt;div class="row"&gt;
    &lt;div class="col-s-4 col-m-12 col-l-12 col-xl-12"&gt;
      &lt;p&gt;
        &lt;onload="changeImg('0.jpg')"&gt;
      &lt;/p&gt;
      &lt;p id="imageHolder" "changeImg('/upload_dir/pics/Beo/BeoLab/3/BLa3-Black.jpg')"&gt;&lt;/p&gt;
      &lt;p style="text-align: center; font-size:6px;"&gt;&lt;a class="button" onclick="changeImg('1.jpg')" style="background-color: #000;" title="sort"&gt;&amp;middot;&lt;/a&gt;
      &lt;/p&gt;
      &lt;p style="text-align: center; font-size:6px;"&gt;&lt;a class="button" onclick="changeImg('2.jpg')" style="background-color: #d2d2d2;" title="sort"&gt;&amp;middot;&lt;/a&gt;
      &lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="col-s-4 col-m-12 col-l-12 col-xl-12"&gt;
      &lt;div class="panel" id="pic" style=" background-color:#fff;"&gt;
        &lt;img id="imageHolder" / class="responsive"&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>