Referrals for Prizes FancyBox Demo

In addition to embedding Referrals into an iframe, you can also use FancyBox to give Referrals for Prizes a cool effect. See my basic example below:

To start, simply download FancyBox and jQuery.

Then add these lines between the head tags of your page.

<script src="js/jquery.js"></script>
<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen" />

    <script type="text/javascript">
       $(document).ready(function() {
        $(".fancybox").fancybox({
           width : '80%',
           height : '450',
           fitToView : false,
           autoSize : false
          });
        });
   </script>

Just be sure to double check that the path to your jQuery file and FancyBox files are correct.

Open FancyBox with Text Link

Simply add the FancyBox class to your link like so:

<a class="fancybox fancybox.iframe" href="http://www.yourdomain.com/referral/referral.php">Sign Up Now!</a>

And... it will look like so:

Open FancyBox with an Image Button

Open FancyBox with an Image

Both of the above examples only require a simple line of code like this:

<a class="fancybox fancybox.iframe" href="http://www.yourdomain.com/referral/referral.php"><img src="http://www.yourdomain.com/your_image.png" /></a>

Also see my on page load tutorial.

Referrals for Prizes