我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

非常简单的使用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插件实现的查看图片效果
文章链接:http://shouzuofang.com/article/ppdssi.html

其他资讯