Question : Fancybox Iframe using a button (as opposed to link)

Not sure how to do a fancybox iframe from a button. I can get it to work from a link.

I'm not a jquery expert at this point. Have this code working for a link but want same thing with a button.

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:



<script type="text/javascript">
		$(document).ready(function() {


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

<a id="various3" href="http://foxnews.com">IFrame link</a>

Answer : Fancybox Iframe using a button (as opposed to link)

Try this:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:



<script type="text/javascript">
                $(document).ready(function() {
                        $("#various3").click(function(){
                            $.fancybox({
                                'width'                         : '75%',
                                'height'                        : '75%',
                                'autoScale'                     : false,
                                'transitionIn'          : 'none',
                                'transitionOut'         : 'none',
                                'type'                          : 'iframe',
                                'href'                          : 'http://foxnews.com'
                            });
                        });  
                });
        </script>
<input type="button" value="iframe" id="various3">