【插件】查看列表图片功能(根据图片大小变化)

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
})
原文地址:https://www.cnblogs.com/langting/p/12894417.html