javascript - embedding a website inside a modal box on a different domain -
I need to embed an iframe on a different domain, when click on a model box that opens using the fancy box .
This will do something like this.
The user clicks the image once loads a model box (FCBOX) which holds the iframe
I need to do this because the faxbox needs to be taken on the screen 960x700 in majority
How do I do this?
Some should like it to see how to use it for more information
& lt; Html & gt; & Lt; Top & gt; & Lt; Script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" src = "http://fancybox.net/js/fancybox/jquery.fancybox-1.3.1.pack.js" & gt; & Lt; / Script & gt; & Lt; Link rel = "stylesheet" type = "text / css" href = "http://fancybox.net/js/fancybox/jquery.fancybox-1.3.1.css" media = "screen" /> & Lt; Script & gt; $ (Document) .ready (function) {/ * This is the original - uses default settings * / $ ("a.iframe"). Fancybox ({'transitionIn': 'elastic', for // animation If used, remove 'transitionout': 'elastic', used for // animation, if not necessary, to remove 'speed in': 600, // is used for animation , 'SpeedOut' is not required when deleted, 200 is used for animation, delete 'overlay show' required Not used: wrong, used for // animation, delete if 'width' is not required: 650, // Set your width 'height': 500 // Set your height}};}); Lt; / script & gt; & lt; / head & gt; & lt; body & gt; & lt; a class = "iframe" href = "http://www.google.com" & gt; opening a fancy box Click & lt; / a & gt; & lt; / body & gt; & lt; / html & gt;
Comments
Post a Comment