step 1 Include the CSS file responsible to style the jQuery Gallerybox <link type="text/css" rel="stylesheet" href="/css/gallery_box.css" media="screen"/>

step 2 Include jQuery JavaScript library and Gallerybox plugin files in your header. <script language="javascript" type="text/javascript" src="jquery.js"></script> <script language="javascript" type="text/javascript" src="gallery_box.js"></script> Make sure the CSS and referenced image files are in the right location.

step 3 Add rel="gallerybox[Example][images/thumimg.jpg]" attribute to any link tag to activate the gallery. <a rel="gallerybox[Category#1][images/thummg.jpg]" href="/images/full/fullimg.jpg" title="image description"> <img border="0" src="/images/thummg.jpg" /></a>