title: How to open a modal on an element when the page loads?
body: <p>I am trying to call the specific link id <code>#ext</code> when page loads instead of clicking it manually to show the modal popup. However I am not able to achieve it. Can someone look into code and suggest a change?</p>
  
  <pre><code>&lt;!-- Modal HTML embedded directly into document --&gt;
  &lt;div id="ex1" class="modal"&gt;
  &lt;a href="https://www.siteallow.com"&gt;&lt;img src="image.jpg" /&gt;&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;!-- Link to open the modal --&gt;
  &lt;p&gt;&lt;a href="#ex1" rel="modal:open" onload="loadImage()"&gt;Open Modal&lt;/a&gt;&lt;/p&gt;
  </code></pre>
  
  <p>The above code works fine when I do click on the link on the page "Open Modal". I want it to be called when page is loaded to show popup auto.</p>
  
  <p><a href="https://jsfiddle.net/dypu9tLj/1/" rel="nofollow noreferrer">JSfiddle</a></p>
  
  <p>Just for reference I am using this to show a modal popup: <a href="https://jquerymodal.com/" rel="nofollow noreferrer">https://jquerymodal.com/</a></p>