jpic-iframe-autoheight
v1.0.0
Published
Calculate iframe height to max it out
Readme
autoheight
Use this to extend the Soundslice iframe to the bottom of your page. It correctly resizes in case the browser is resized.
Instructions:
Step 1: Put autoheight.min.js on your server. The non-minified version (autoheight.js) is here, too, in case you'd like to see the full code.
Step 2: Make sure the Soundslice player iframe has an id attribute, like this:
<iframe id="soundsliceiframe" src="..." width="100%" height="400">Make sure the width is 100%. Height can be whatever you want -- it doesn't matter, as it'll be replaced by the script.
Step 3: Include this JavaScript in your pages:
<script type="text/javascript" src="/path/to/autoheight.min.js"></script>
<script type="text/javascript">
autoheight('soundsliceiframe');
</script>Note you can use whatever you want in place of "soundsliceiframe" -- just make sure it's the same in the iframe and in the autoheight() JS call.
