Question

I am trying to use fancybox Iframe to open up a website link within Iframe and I need to open that with a click of a button.

So how do I do that?

This is what I got from the site:

References:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript" src="/js/fancybox-1.3.4/jquery.easing-1.3.pack.js"></script>
    <script type="text/javascript" src="/js/fancybox-1.3.4/jquery.mousewheel-3.0.4.pack.js"></script>

 <script type="text/javascript">
$("#various3").fancybox({
                'width'             : '75%',
                'height'            : '75%',
                'autoScale'         : false,
                'transitionIn'      : 'none',
                'transitionOut'     : 'none',
                'type'              : 'iframe'
            });
 </script>

This is the Iframe link:

<li><a id="various3" href="http://jquery.com/">Iframe (75% width and height)</a></li>

This is my button:

<input id="Button1" type="button" value="button" />

Answer 1

$("#Button1").click (function () {
$("#various3").fancybox({
                'width'             : '75%',
                'height'            : '75%',
                'autoScale'         : false,
                'transitionIn'      : 'none',
                'transitionOut'     : 'none',
                'type'              : 'iframe'
            });

} );

edit

and change to :

<li><a id="various3" href="http://jquery.com/"><input id="Button1" type="button" value="button" /></a></li>