javascript - how to add fancybox to website using visual studio 2012 -

i'm having issue creating fancybox in website while using visual studio 2012. how add them best make work.

i've added own project, try this:

tools > nuget package manager > package manager console

in console type:

install-package fancybox

if you're using mvc can add bundle config:

        bundles.add(new scriptbundle("~/bundles/fancybox").include(                   "~/scripts/jquery.fancybox.pack.js",                   "~/scripts/jquery.fancybox-buttons.js",                   "~/scripts/jquery.fancybox-media.js",                   "~/scripts/jquery.fancybox-thumbs.js",                   "~/scripts/jquery.mousewheel-*")); 

and add these css bundle:

                  "~/content/jquery.fancybox.css",                   "~/content/jquery.fancybox-thumbs.css",                   "~/content/jquery.fancybox-buttons.css" 

fancybox can instantiate per documentation:

<a id="single_image" href="#"><img src="" /></a>

$("a#single_image").fancybox();