图片自动缩放,前台读富文本编辑器里图片用的
来源:互联网 发布:人工智能电影精彩影评 编辑:程序博客网 时间:2024/06/05 01:58
//#region 图片自动缩放,前台读富文本编辑器里图片用的
/*
使用方法:
一、
<div class="divaaa">
@Html.Raw(ViewBag.Model.NewsContent)
</div>
二、
<script type="text/javascript">
window.onload = function () {
UnLoadImg($(".divaaa"));
}
</script>
*/
function UnLoadImg(obj) {
$obj = $(obj);
var $img = $obj.find("img")
$img.each(function () {
if ($(this).parents("a").length == 0) {
$(this).css({ "cursor": "pointer" });
$(this).click(function () {
window.open($(this).attr("src"));
});
}
});
var maxWidth = $obj.width();
for (var i = 0; i < $img.length; i++) {
if ($img.eq(i).width() > maxWidth) {
$img.eq(i).css({ width: maxWidth + "px", height: AutoResizeImage(maxWidth, 0, $img.eq(i)) + "px" });
}
}
}
function AutoResizeImage_H(maxWidth, maxHeight, objImg) {
var img = objImg;
var hRatio;
var wRatio;
var Ratio = 1;
var w = img.width();
var h = img.height();
wRatio = maxWidth / w;
hRatio = maxHeight / h;
if (maxWidth == 0 && maxHeight == 0) {
Ratio = 1;
} else if (maxWidth == 0) {
if (hRatio < 1) Ratio = hRatio;
} else if (maxHeight == 0) {
if (wRatio < 1) Ratio = wRatio;
} else if (wRatio < 1 || hRatio < 1) {
Ratio = (wRatio <= hRatio ? wRatio : hRatio);
}
if (Ratio < 1) {
w = w * Ratio;
h = h * Ratio;
}
return h;
}
//#endregion
/*
使用方法:
一、
<div class="divaaa">
@Html.Raw(ViewBag.Model.NewsContent)
</div>
二、
<script type="text/javascript">
window.onload = function () {
UnLoadImg($(".divaaa"));
}
</script>
*/
function UnLoadImg(obj) {
$obj = $(obj);
var $img = $obj.find("img")
$img.each(function () {
if ($(this).parents("a").length == 0) {
$(this).css({ "cursor": "pointer" });
$(this).click(function () {
window.open($(this).attr("src"));
});
}
});
var maxWidth = $obj.width();
for (var i = 0; i < $img.length; i++) {
if ($img.eq(i).width() > maxWidth) {
$img.eq(i).css({ width: maxWidth + "px", height: AutoResizeImage(maxWidth, 0, $img.eq(i)) + "px" });
}
}
}
function AutoResizeImage_H(maxWidth, maxHeight, objImg) {
var img = objImg;
var hRatio;
var wRatio;
var Ratio = 1;
var w = img.width();
var h = img.height();
wRatio = maxWidth / w;
hRatio = maxHeight / h;
if (maxWidth == 0 && maxHeight == 0) {
Ratio = 1;
} else if (maxWidth == 0) {
if (hRatio < 1) Ratio = hRatio;
} else if (maxHeight == 0) {
if (wRatio < 1) Ratio = wRatio;
} else if (wRatio < 1 || hRatio < 1) {
Ratio = (wRatio <= hRatio ? wRatio : hRatio);
}
if (Ratio < 1) {
w = w * Ratio;
h = h * Ratio;
}
return h;
}
//#endregion
0 0
- 图片自动缩放,前台读富文本编辑器里图片用的
- 前台富文本编辑器文本乱码,图片正常显示,解决!
- 富文本编辑器上传图片的问题
- 百度富文本编辑器的上传图片的路径问题
- 百度富文本编辑器的上传图片的路径问题
- 百度富文本编辑器的上传图片的路径问题
- 百度富文本编辑器的上传图片的路径问题
- 百度富文本编辑器的上传图片的路径问题
- 百度富文本编辑器的上传图片的路径问题
- 百度富文本编辑器的上传图片的路径问题
- 让富文本里的图片在APP上铺满
- 可以上传图片的富文本编辑器kindeditor
- 将富文本编辑器内的图片变成响应式
- html5图片上传及kingeditor富文本编辑器的使用
- sharepoint富文本里插入图片、视频
- 百度Ueditor富文本编辑器上传图片
- 共享一个ASP里的图片自动缩放的JS
- 富文本编辑器ueditor的简单实现,及编辑器加载的图片不自适应的问题
- 处理大并发之二 对epoll的理解,epoll客户端服务端代码
- 使用jdbc的基本步骤
- swiper的基础使用(二十一)
- python break,pass,continue 循环语句
- ANR log分析
- 图片自动缩放,前台读富文本编辑器里图片用的
- PHP 漏洞与代码审计
- Qt之qInstallMessageHandler(重定向至文件)
- 解题报告:HDU_2333 Assemble 二分
- 使用MyEclipse构建MAVEN项目(非WEB项目)
- Test
- winpcap环境搭建Visual Studio 2010
- 阿里面经之解答 by cmershen(4)——线程池
- android Handler 用法