I have set up a button which is supposed to bring up an iFrame link when you click on it with the FancyBox effect, but it's not working. I just get a brief flicker, but no effect.
Here is the test page I set up:
and the HTML code:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Act-On Marketing Form</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js"></script>
<script>
$('a.fancybox').fancybox({
type: "iframe"
});
</script>
<script>
$(document).ready(function() {
$('a.fancybox').fancybox({
padding : 0,
openEffect : 'elastic'
});
});
</script>
<link href="fancybox/source/jquery.fancybox.css" rel="stylesheet" type="text/css" media="screen">
</head>
<body>
<p class="DownloadLink">
<a href="http://marketing.glbsoft.com/acton/form/1471/0050:d-0001/0/index.htm" title="Download a Trial" class="fancybox">Download a Trial</a>
</p>
</body>
</html>
any ideas? Hopefully something simple!