zoukankan      html  css  js  c++  java
  • 【插件】查看列表图片功能(根据图片大小变化)

    Colorbox弹出层插件:
    http://www.jq22.com/jquery-info223

    JavaScript:

    $(function() {
        var $overflow = '';
        var colorbox_params = {
            rel: 'colorbox_aid_664774',
            reposition: true,
            scalePhotos: true,
            scrolling: false,
            previous: '<i class="icon fa fa-arrow-left"></i>',
            next: '<i class="icon fa fa-arrow-right"></i>',
            close: '&times;',
            current: '{current} of {total}',
            maxWidth: '100%',
            maxHeight: '100%',
             "85%",
            height: "85%",
            onOpen: function() {
                $overflow = document.body.style.overflow;
                document.body.style.overflow = 'hidden';
            },
            onClosed: function() {
                document.body.style.overflow = $overflow;
            },
            onComplete: function() {
                $.colorbox.resize();
            }
        };
    
        $('.pic_warp_664774 .colorbox_664774').colorbox(colorbox_params);
        $("#cboxLoadingGraphic").html("<i class='icon fa fa-spinner orange'></i>"); // let's add a custom loading icon
    })
  • 相关阅读:
    vue-cli工具搭建vue-webpack项目
    关于闭包的理解
    运动-分页
    运动-无缝滚动
    运动-手风琴
    运动-模拟返回顶部
    运动—图片中心放大
    运动—运动框架
    webstorm 激活破解
    let和const
  • 原文地址:https://www.cnblogs.com/langting/p/12894417.html
Copyright © 2011-2022 走看看