使用 jquery 更改图像尺寸

2023-11-27

我在 div id myimage 下有一个图像。现在我想通过使用更改来调整它的大小。我想从选择框中选择 700X7000,则图像的大小将为高度 700px 和宽度 700px。无需重新加载页面。 谁能帮我我该怎么做?


那么,要改变它,你可以设置图像的width() and height():

$('#myimage').width(700); // Units are assumed to be pixels
$('#myimage').height(700);

因此,要完成下拉框,您只需将值设置为类似100x100, 200x200等以及split用于提取尺寸的选定值:

var parts = '100x100'.split('x');
var width = parseInt(parts[0], 10); // 10 forces parseInt to use base 10
var height = parseInt(parts[1], 10);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 jquery 更改图像尺寸 的相关文章

  • Jquery 在 DIV 中进行多重加载

    这是我的代码 right load textes html nicolas right load textes html antoine 问题是内容divantoine覆盖了右边div nicolas加载的内容div div right l
  • 如何打开弹出窗口并用父窗口中的数据填充它?

    如何使用 JavaScript jQuery 使用父页面中 JS 变量的数据填充弹出窗口 在我的示例中 我有一个文件名数组 我在父窗口中最多列出五个 如果还有更多 我想提供一个链接来打开弹出窗口并列出数组中的每个帖子 因此 如果我打开一个包
  • 如何限制下拉列表更改而不禁用它

    如何在不禁用下拉列表的情况下限制下拉列表选项更改 意味着我无法更改选项 并且下拉列表不应该是只读的 我的问题是我的服务器没有读取禁用的元素 这是我的出价 http jsfiddle net m3v7y jQuery var lastSel
  • 在 PHP 中模拟 jQuery.ajax 请求

    我必须在 PHP 中模拟 AJAX 请求 就像在 jQuery 中一样 我当前的代码在这里 原始 AJAX 调用 不得修改 ajax type POST url someFile php data data success function
  • 无法使用 HTML 设置未定义 jQuery UI 自动完成的属性“_renderItem”

    我使用以下代码将 jQuery UI 自动完成项呈现为 HTML 这些项目在自动完成控件中正确呈现 但我不断收到此 JavaScript 错误并且无法移动过去 Firefox 无法转换 JavaScript 参数 Chrome 无法设置未定
  • ASP.NET MVC 4 中的 Toast 通知

    我想在用户使用 Toastr 插件单击 添加到购物车 按钮时显示通知 基本上 当用户单击按钮时 它会执行 AddToCart 操作 然后重定向到索引页面 当页面显示时 它会检查 TempData 值 然后显示通知 这是控制器 public
  • jQuery 或 Javascript - 如何禁用窗口滚动而不溢出:隐藏;

    您好 是否可以在不使用的情况下禁用窗口滚动overflow hidden 当我悬停一个元素时 我试过 chat content on mouseenter function document scroll function e if e h
  • JSTree - 如何强制用户只选择树的叶子

    在我的 JStree 中 我希望用户只能选择树的叶子 例如 没有子节点的节点 我的想法是绑定 select 事件并手动检查所选节点是否有子节点 然后相应地选择 不选择该节点 有没有更简单的方法 或者这个明显的解决方案是唯一的吗 2014 版
  • 如何在使用 ajax 和 JQuery 时加密发布数据?

    服务器端我们可以对用户进行身份验证 但我希望 ajax 或 JQuery 发送数据时数据安全 就像在客户端一样 某人只能看到加密格式的任何调用的参数 那么我该怎么做呢 我在这个网站上看到过这个场景 EDIT 当数据来自服务器时 我们可以忽略
  • IE8 中字符串的 indexOf 的替代函数是什么?

    我用过indexOf检查句子中是否存在特定文本 如下所示 var temp temp data not available if temp indexOf datas 0 alert True else alert false 我面临的问题
  • 通过 jQuery 选择动态 HTML 元素

    我正在构建一个 ASP NET MVC 应用程序 并且正在使用jQuery Blueimp https github com blueimp jQuery File Upload动态添加到页面的 PartialView 上的插件 根据插件的
  • 当覆盖设置为 null 时,通过外部单击关闭 fancybox

    我正在使用 fancybox 2 1 4 插件 它工作得很好 但我有一个问题 我想将覆盖设置为空 并且当用户单击 fancybox 容器外部 时关闭 fancybox 我已经尝试过以下代码 但它不起作用 因为没有可供单击的覆盖层 fancy
  • 自定义 jQuery 验证 .addMethod

    我有一个表单 可以根据最小 最大长度验证邮政编码 我需要将所有国家 地区的邮政编码最小设置为 5 位数字 澳大利亚除外 澳大利亚需要为 4 位数字 这是我遇到的问题 validator addMethod AusZip function v
  • JavaFX 图像未在舞台中显示

    我尝试了很多次 尝试了很多方法 但都无法让自己的形象在舞台上如我所愿 我认为这可能与java寻找资源的路径有关 但我不确定 因为我刚刚开始使用视觉库 在本例中为JavaFX 这是我的目录结构 MyProject assets img myI
  • 如何在通过 .ajaxForm() 提交表单之前执行一些操作?

    我正在使用 ajaxForm 框架来发送我的数据 而无需重新加载我的页面 ReplayForm ajaxForm success function data alert Success 现在 我想在提交表单之前检查一些条件 如果条件为假 则
  • 如何在 DOM 中的每个元素中调用函数,即使它们是动态创建的

    我想对 DOM 上的特定元素调用函数 例如 red css backgroundColor pink 它适用于 DOM 中已经存在的任何元素 但我也希望在动态添加到 DOM 的元素中调用此方法 我尝试过类似的事情 red on functi
  • 保存为 HDF5 的图像未着色

    我目前正在开发一个将文本文件和 jpg 图像转换为 HDF5 格式的程序 用HDFView 3 0打开 似乎图像仅以灰度保存 hdf h5py File Sample h5 img Image open Image jpg data np
  • jquery 插件“uploadify”-从上传脚本返回响应的方法?

    我的标题代码 document ready function sampleFile uploadify uploader include uploadify uploadify swf script add list php scriptD
  • Java-如何将黑白图像加载到二进制中?

    我在 FSE 模式下使用 Java 和 swing 我想将完全黑白图像加载为二进制格式 最好是二维数组 并将其用于基于掩码的每像素碰撞检测 我什至不知道从哪里开始 过去一个小时我一直在研究 但没有找到任何相关的东西 只需将其读入Buffer
  • jQuery UI 自动完成的“源”回调中的“响应”和“请求”参数是什么?

    我正在查看自动完成教程 我有几个问题 http jqueryui com demos autocomplete option disabled http jqueryui com demos autocomplete option disa

随机推荐

  • 使用 git post-receive 挂钩的边带解复用器中出现错误

    我已经使用 git 设置了一个 EC2 实例 并使用 post receive hook 将其部署到我的服务器本教程 这是我的控制台的输出 git push production master email protected s passw
  • 为什么我可以使用 Javascript 阻止 keydown 上的默认事件,但不能阻止 keyup 上的默认事件?

    使用时 keydown我可以捕获 keydown 事件 然后检查并防止默认操作 显示字符 使用时 keyup我不能 我知道该事件被捕获为alert 当代码处于条件内但仍触发时触发preventDefault 不会阻止该操作 这里有一个完整的
  • 按时间和 pandas 中的其他列分组

    我有一个大的 pandas 数据框 其中包含时间戳 名称和值列 index timestamp name value 0 1999 12 31 23 59 59 000107 A 16 1 1999 12 31 23 59 59 00038
  • 胶水爬虫排除模式

    我有一个 s3 存储桶 我正在尝试对其进行爬网和编目 格式是这样的 其中 SQL 文件是 DDL 查询 CREATE TABLE语句 匹配不同数据文件的模式 即data1 data2 etc s3 my bucket somedata 20
  • 将 Html 表导出到 Excel 并保留 css 样式

    我正在使用 Excel Web 查询将 html 表 MVC 视图 导出到 Excel 我如何让它携带CSS样式 如果我设置class redLabel 它不会解释这一点并使标签变为红色 我必须在表格中使用内联样式才能正常工作 有任何想法吗
  • swift 在 iPhone 上截图只有白色背景

    一些背景 我只是想在 swift 中使用 xcode 6 beta 7 做一个简单的程序 以便在按下按钮后对 iPhone 进行屏幕截图 它是在 SpiteKit 和游戏场景中完成的 背景是随机 png 图像和 hello world 默认
  • 使用“cpan”安装 Perl 模块时如何避免 sudo?

    我已将 Perl 从源代码安装到 usr local 中 并相应地调整了我的路径 如下布莱恩 福伊的建议在这里 我确信我遗漏了一些东西 但是 现在我尝试使用 cpan 命令安装东西 但它失败了 因为它无法写入 usr local 我必须使用
  • 对运算符+和/或运算符+=使用移动语义是否有意义?

    我想知道在重载运算符 和 或运算符 时 在什么情况下使用移动语义才有意义 尽管它被解释为这个问题我怎么能做到这一点 我无法理解为什么我要这样做 让我们考虑运算符 如果我只是通过引用传递右侧对象并对左侧对象进行适当的更改 则无论如何都不会产生
  • 在 python 中使用 .pyc 文件时是否有任何性能提升?

    我们可以编写一段python代码并将其放入已经编译好的 pyc 文件中并使用它 我想知道在性能方面是否有任何增益 或者它只是一种对代码进行分组的模块化方式 多谢 在您的计划过程中没有任何性能提升 它只会缩短启动时间 从 pyc 或 pyc
  • 如何从 T-Sql 中的日期时间中提取日期?

    我正在 SQL Server 2005 中针对日期时间列运行选择 我只能从此日期时间列中选择日期吗 最好的办法是 SELECT DATEADD day DATEDIFF Day 0 ADate 0 这是因为 SQL Server 在内部将所
  • 从字符串中查找并提取数字

    我需要查找并提取字符串中包含的数字 例如 从这些字符串 string test 1 test string test1 1 test string test2 test 99 我怎样才能做到这一点 d 是整数的正则表达式 所以 System
  • 如何在满足严格弱排序的n元组上定义operator<

    这个问题在这里已经有答案了 如何定义operator lt 在 n 元组上 例如在 3 元组上 使其满足严格弱序概念 我知道 boost 库有正确定义的元组类operator lt 但由于某些原因我无法使用它 严格弱序 这是一个数学术语 用
  • 记录后重新抛出 UncaughtExceptionHandler 异常

    在我的应用程序类中 我试图在发生之前捕获强制关闭 这样我就可以记录它 然后重新抛出它 以便 android 可以处理它 我这样做是因为有些用户没有报告强制关闭 我正在 eclipse 中开发 而 eclipse 不允许我重新抛出异常 它显示
  • 移动网站 - 在方向改变时重置视口

    我有一个宽度为 590 像素的移动页面 所以我这样设置视口 当我第一次以纵向或横向方式访问该页面时 它看起来不错 页面完全填充宽度 但是当我改变方向时 视口不会改变 当我从纵向转到横向时 视口比 590 像素更宽 反之亦然 仅在 Galax
  • Rails 4 相当于 Rails 3 'Model.all'

    在 Rails 3 中 如果我想访问数据库 我会在查询末尾使用 all 当我执行诸如在写入时刷新缓存 因此读取总是命中缓存 之类的操作时 这非常有用 现在在 Rails 4 中 Model all 返回一个ActiveRecord Rela
  • iOS 错误“请求无效部分的矩形”是什么意思?

    谷歌根本没有透露任何关于此错误消息的帖子 我在 iOS 5 中尝试更新 UITableView 时遇到了这个问题 虽然确切的代码有点复杂 但这就是我对表和包含表数据的 NSMutableArray 所做的事情 这些调用是通过 Perform
  • 如何通过单击 GWT 按钮来下载文件?

    我有一个提供文件服务的 servlet 我正在使用 GWT 构建一个带有 下载 按钮的页面 如何让 GWT 客户端在 onClick 事件中下载文件 附 锚点有效 但按钮看起来更好 如果你有文件地址 您可以打开如下窗口 downloadBu
  • 流运算符重载中的返回类型

    程序的目的是获取输入 将这些值分配给类的成员并显示输出 输入和输出操作是通过重载流运算符来完成的 include
  • 根据第一个选择观察 updateSelectInput

    我的 server R 有以下代码 我希望我的 Shiny 应用程序根据国家 地区选择来选择国家 地区 但它在第二行中显示所有国家 地区 我想这里 observe只是观察 不采取任何行动 shinyServer function input
  • 使用 jquery 更改图像尺寸

    我在 div id myimage 下有一个图像 现在我想通过使用更改来调整它的大小 我想从选择框中选择 700X7000 则图像的大小将为高度 700px 和宽度 700px 无需重新加载页面 谁能帮我我该怎么做 那么 要改变它 你可以设