zoukankan      html  css  js  c++  java
  • 图片裁剪

    function img_adaption(img) {
        if (!$(img).hasClass('img_adapted')) {
            $(img).css({'display''none'});
            var originalWidth = $(img).width();
            var originalHeight = $(img).height();
            var parentWidth = $(img).parent().width();
            var parentHeight = $(img).parent().height();
            var originalScale = originalWidth / originalHeight;
            var parentScal = parentWidth / parentHeight;
            var scaleNum, newImgWidth;
            var newImgHeight = 0;
            var changeNum = 0;
            if ($(img).parent().css('position') == 'static') {
                $(img).parent().css({
                    'position''relative',
                    'overflow''hidden'
                })
            }
            if (originalScale > parentScal) {
                scaleNum = originalHeight / parentHeight;
                newImgWidth = originalWidth / scaleNum;
                changeNum = (newImgWidth - parentWidth) / 2;
                $(img).css({
                    'width''auto',
                    'height': parentHeight,
                    'margin-left': -changeNum,
                    'display''block',
                    'border-radius''0'
                });
                $(img).fadeIn();
            else if (originalScale < parentScal) {
                scaleNum = originalWidth / parentWidth;
                newImgHeight = originalHeight / scaleNum;
                changeNum = (newImgHeight - parentHeight) / 2;
                $(img).css({
                    'width': parentWidth,
                    'height''auto',
                    'margin-top': -changeNum,
                    'display''block',
                    'border-radius''0'
                });
                $(img).fadeIn();
            else {
                $(img).css({
                    'width''100%',
                    'height''100%',
                    'display''block'
                });
                $(img).fadeIn();
            }
     
            $(img).addClass('img_adapted');
        else {
            $(img).css({'display''block'})
        }
    }
  • 相关阅读:
    公司的CMS参数
    Kafka 如何保证消息可靠性
    我来了
    spring解决乱码
    mybatis反向工程
    Unicode控制字符
    功能跟进记录
    创建IDataProvider实例
    腾讯2016研发工程师笔试题36车 6跑道 没有计时器 最少要几次取前三
    .net mvc下拉列表DropDownList控件绑定数据
  • 原文地址:https://www.cnblogs.com/cy1121/p/9555019.html
Copyright © 2011-2022 走看看