1. Plug-in Home: http://colorpowered.com/colorbox/
2. Reference a file
< Link Media = "Screen" REL = "Stylesheet" Href = "Colorbox.css" />
< Script SRC = "Https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" > </ Script >
< Script SRC = "Jquery. colorbox. js" > </ Script >
3. Call Method
< H2> elastic transition </ H2 >
< P > < A Href = "../Content/ohoopee1.jpg" REL = "Example1" Title = "Me and my grandfather on the ohoopee ." > Grouped photo 1 </ A > </ P >
< P > < A Href = "../Content/ohoopee2.jpg" REL = "Example1" Title = "On the ohoopee as a child" > Grouped photo 2 </ A > </ P >
< P > < A Href = "../Content/ohoopee3.jpg" REL = "Example1" Title = "On the ohoopee as an adult" > Grouped Photo 3 </ A > </ P >
<Script Type="Text/JavaScript">
$ (Function(){
$ ("A [rel = 'example1']"). Colorbox ();
});
</SCRIPT>
4. Download http://colorpowered.com/colorbox/latest