I've been working on positioning an image inside an iframe, but so far my research hasn't yielded the results I need.
Here's what my code looks like:
The HTML
<div class="modal-body description">
<div class="modal-body description">
<table class="ui very basic celled table">
<tr>
<td>
<iframe frameborder="0" width="300" height="200" id="sigImage" onloadeddata="window.frames.scrollTo(300,500)" src="~/Content/images/signature.png" name="sigImage"></iframe>
</td>
</tr>
</table>
</div>
</div>
In this code snippet, I attempted to use the onloadeddata
method instead of onload
to position the image within the iframe as needed. Essentially, I want a specific area of the image to be loaded into the iframe initially and allow users to scroll through the rest of the image.
Can anyone offer insight or assistance in implementing this functionality?
Any help would be greatly appreciated.