Fancybox not working - any advice?

问题

Helo! I am trying to implement Fancybox and I can't get it to work.

Here's what I have in my head:

<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.js"></script>
<link rel="stylesheet" href="../js/fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="../js/fancybox/source/jquery.fancybox.pack.js"></script>

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

$("$fancybox").fancybox({
        'titlePosition'     : 'inside',
        'transitionIn'      : 'none',
        'transitionOut'     : 'none'
    });
});


</script>   

And here is what I have in my page:

    <a class="fancybox" href="../js/fancybox/source/fancybox_loading.gif" title="See Pricing">See Pricing</a>

I am actually wanting to get fancybox to display a div, but I can't even get it to display an image.

I would really appreciate any help!

来源：https://stackoverflow.com/questions/32447356/fancybox-not-working-any-advice