大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

非常简单的使用jqueryfancybox插件实现的查看图片效果


其中用到了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插件实现的查看图片效果
URL链接:http://dzwzjz.com/article/ppdssi.html
在线咨询
服务热线
服务热线:028-86922220
TOP