Images

Image Shape Style

<img src="..." class="img-rounded">
<img src="..." class="img-circle">
<img src="..." class="img-polaroid">
 

Heads up! .img-rounded and .img-circle do not work in IE7-8 due to lack of border-radius support.

Image Lightbox Effect

<div class="fancybox_style">
  <ul>
    <li><a href="/Portals/unique2/fancy01.jpg" title="Exciting Title!" class="fancybox" data-fancybox-group="group"><img alt="" src="/portals/unique2/fancy01-thum.jpg" /> </a></li>
    <li><a href="/Portals/unique2/fancy02.jpg" title="Yup, More Text.." class="fancybox" data-fancybox-group="group"><img alt="" src="/portals/unique2/fancy02-thum.jpg" /> </a></li>
    <li><a href="/Portals/unique2/fancy03.jpg" title="Yelf Up." class="fancybox" data-fancybox-group="group"><img alt="" src="/portals/unique2/fancy03-thum.jpg" /> </a></li>
    <li><a href="/Portals/unique2/fancy04.jpg" title="Bonjour!!" class="fancybox" data-fancybox-group="group"><img alt="" src="/portals/unique2/fancy04-thum.jpg" /> </a></li>
    <li><a href="/Portals/unique2/fancy05.jpg" title="Exciting Title!" class="fancybox" data-fancybox-group="group"><img alt="" src="/portals/unique2/fancy05-thum.jpg" /> </a></li>
    <li><a href="/Portals/unique2/fancy06.jpg" title="Yup, More Text.." class="fancybox" data-fancybox-group="group"><img alt="" src="/portals/unique2/fancy06-thum.jpg" /> </a></li>
  </ul>
</div>