个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
27
4
我有一个基于网格的布局页面，其中包含横向或纵向图像(固定宽度为 380px )。每次图像是横向时，我都想根据其宽度将其大小增加到 480px (因此所有图像的方形像素区域更均等)。
我不确定如何正确调用图像。它应该应用于所有 img <body class="blog"> 页面上的 s .
而且我不确定如何重新定义宽度(通常由 CSS 定义)以及如何确保 w/h 比率保持不变。
这是目前的代码
var ArchiveImage = $(".blog img");
if (ArchiveImage.width() > ArchiveImage.height()){
//landscape
ArchiveImage.width() = 480;
} else if (ArchiveImage.width() < ArchiveImage.height()){
//portrait
} else {
//square.
}
最佳答案
由于您将所有图像都放在 .blog 类中，因此可以很容易地使用 jQuery 调用所有图像。
$('.blog').find('img').each(function(){
//your code goes here
if ($(this).width() > $(this).height()){
//landscape
$(this).height() = (480 * $(this).height() / $(this).width());
$(this).css('width','480');
} else if ($(this).width() < $(this).height()){
//portrait
} else {
//square.
});
只需使用find()，即可在.blog 中搜索所有img。然后使用 each() 为每个 img 应用函数。
希望对您有所帮助。
编辑:添加简单的三法则来计算正确的高度。 (感谢 mikeyq6)
关于jquery - 使用 jQuery 增加每个风景图像的大小，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35134632/
27
4
0
我正在使用 LinearLayout 进行设计，它适用于纵向但横向排列正确。我不使用 x,y 位置。如果我更改 xml 中的任何内容都会影响设计——我该如何设计纵向和横向？ 最佳答案 您可以指定一个
在我的相机应用中，您可以在前置和后置摄像头之间切换。当我用后置摄像头拍照时，照片与预览显示的一样。但是当我切换到前置摄像头时，图片是镜像的。我认为前后摄像头处于横向模式有关系。我已经尝试了几乎所有关于
我应该同时使用横向和纵向吗 @media only screen and (min-device-width: 320px) and (max-device-width: 480px) {} 或像这样
我已经安装好了。但是，当我这样做时: go get -u github.com/dmlittle/scenery 我得到: # github.com/dmlittle/scenery/pkg/pars
我正在为 iOS7 优化网站。我发现，在 safari mobile 上将方向更改为横向时，网站会全屏显示，但浏览器会阻止 View 顶部和底部的一些高度和宽度像素。该区域中的任何触摸或点击事件都不会
我用 iOS9 移动版 safari iPhone6sPlus 检查了这个错误。 当 safari 的标签在横向模式下显示时，我无法触摸固定元素。当标签隐藏时我可以触摸它。 显示 my demo在 i
我需要一个 java 库来确定哪个图像是“人体”；这是一张“人脸”；这是一个“动物”；这是一个“风景”等等。 有这样的东西吗？ 谢谢 最佳答案 我不认为那里有什么方便的东西。特别是因为你在这里有非常广
我是一名优秀的程序员,十分优秀！