Unobtrusive iFrame with JQuery
So, I figured, what a great way to do an iframe, too. Something like:
<a href="myiframe.html" class="iframe">Iframe Content</a>
I passed along the idea to my programming genius, Vlada and he came up with a great jquery iframe plugin by modifying malsup’s swf plugin.
<a href="http://33rockers.com" class="iframe w:700 h:300" >Iframe Content</a>
makes this…
<div class=iframe><iframe id=content_iframe marginWidth=0 marginHeight=0 src="https://33rockers.com/" frameBorder=0 width=640 height=480></iframe></div>
You can also set the defaults in jquery_iframe.js and just use
<a href="http://33rockers.com" class="iframe" >Iframe Content</a>
If javascript is turned off, it will just show a link to the content.
Here is the code in action and u can download the source code here.
References: malsup’s media plugins