jQuery 相册插件ColorBox

1.插件主页：http://colorpowered.com/colorbox/

2.引用文件

  
    

   
     <
   
     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.调用方式

<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.下载 http://colorpowered.com/colorbox/latest