其中用到了bootstrap的图片处理，响应式图片属性img-responsive，和图片形状，img-thumbnail

写成 class="img-responsive img-thumbnail"
然后fancybox直接用默认 $("a.grouped_elements").fancybox();   
$()这里的是选择器。




    
    

    
    

    
    

    
        

    










$(document).ready(function() {   
    /* 最基本的，使用了默认配置 */       
    $("a.grouped_elements").fancybox();       
    /* 使用了自定义配置 */       
 
    /* 一下配置支持组播放 */       
    // $("a.grouped_elements").fancybox({  
       
    //     'cyclic'        :  'false',
    //    'titleShow' : 'false'
    // });  
       
}); 



   
    
        
      
   
      

        

        

        
       
  

参考文档：http://blog.csdn.net/china_skag/article/details/23882281

10年积累的成都网站设计、成都网站建设、外贸网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计制作后付款的网站建设流程，更有济源免费网站建设让你可以放心的选择与我们合作。

http://v3.bootcss.com/css/#p_w_picpaths-responsive

名称栏目：非常简单的使用jqueryfancybox插件实现的查看图片效果
网页链接：http://scyanting.com/article/ppdssi.html