当我在jQuery中使用outerWidth()时，它会给出块元素的全宽，通常是整个页面的宽度(如果它是该行上唯一的东西)。在下面的图片中，红线是我从outerWidth()得到的宽度。蓝线是我要找的宽度。如何在jQuery中找到文本所占区域的宽度。
浏览 0提问于2015-02-04得票数 1
我在页面上有一张图片，它的大小已经调整到一个div，比如400x300。如何在jQuery中获取图像的完整大小(~4000x3000)？.width()和.height()似乎只返回图像的当前大小。
浏览 2提问于2012-03-09得票数 9
回答已采纳
1回答
我正在使用jquery中的自动完成函数，但是长字符串导致建议框比输入字段扩展得更广。你可以在这张图片上看到它。
在上面的图像中，"(1450)“应该放在下一行。
我的jquery函数：
function autosuggest() {
$( autocomplete_field ).autocomplete(
{
source: posturl,
minLength:2,
delay: 0
});
};
CSS：
.ui-widget-content { background: #ffffff; }
浏览 2提问于2014-05-12得票数 1
回答已采纳
1回答
我目前正在制作一个jquery图像滑块，其中2张图片可以向左或右滑动，以查看前后的照片。我有我想要的一切，除了封面图片的位置。约40%的封面图像似乎转移到右边的边界，但第二张图像是完善的位置在边界内。请建议我如何将我的封面图像完美地放在边界内，就像我的第二张图片。
HTML:
<div class="con">
<img src="warming1.jpg" class="imageOne">
<div class="coverImage"></div>
浏览 1提问于2015-12-18得票数 2
回答已采纳
1回答
我想在我的页面上显示一个远程图像。我使用Bootstrap 2.3.2 Carousel。所有信息都来自另一个网站的RSS feed。我将数据放到div中，如下所示：
...
<div id="newsItem-<?php echo $i;?>" class="item" data-src="<?php echo $feed[$i]->image; ?>" data-alt="<?php echo $feed[$i]->title; ?>">
</div>
.
浏览 0提问于2015-04-13得票数 0
我的html文档上有一张图片，我把它放在下面：
<img src="picture.jpg:/>
我在jquery中通过以下方式引用它：
$('img').click( function() {
alert($(this).attr('width'));
});
它捕获事件，但返回未定义的值。有没有其他方法来提取宽度和高度？
浏览 4提问于2012-07-27得票数 0
回答已采纳
我想调整图片的大小，这样整个图片在没有滚动条的情况下都是可见的。风景图片应该一直到边缘，而垂直图片应该在边上有一个边缘，而且所有的图片都应该居中。
所有图像的高度和宽度都略有不同。我正在测试它只有4张图片，但我稍后计划添加更多。
这就是我到目前为止所知道的：
...
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script src="js/jquery.cycle2.min.js"></script>
浏览 19提问于2017-07-27得票数 0
回答已采纳
1回答
我正在尝试让jquery脚本将内容添加到网页上。我可以得到图片和文字，但我希望有歌曲的音频标签。
$(this).find("song").each(function(){
$("#d" + n).append("<audio src='" + $(this).attr("url") + "' controls>
<embed src='" + $(this).attr("url") + "'
width="30
浏览 3提问于2015-02-10得票数 0
回答已采纳
4回答
我有一个图片列表
<img src="001.jpg">
<img src="002.jpg">
<img src="003.jpg">
<img src="004.jpg">
<img src="005.jpg">
每张图片都有200px宽，但高度不同。有没有办法用Jquery找到每个图像，然后在它们加载后设置它们的高度？
我计划在一个页面上包含几十个图像，并且不想为每个图像标记添加width和height属性。
我使用的是Masonry插件，它需要图
浏览 9提问于2011-03-09得票数 6
回答已采纳
2回答
在一个网站上，我有一张图片，它占据了整个浏览器窗口，固定在它的权重上。这张图片有一些对象必须是可点击的，所以我在其各自的坐标上绘制了绝对定位的链接。我有一个onResize事件，它根据新窗口的大小调整它们的大小，如下所示：
//org contains img size to get aspect ratio: [originalWidth, originalHeight]
W = area.w*$('.visor img').width()/org[0]
X = area.x*$('.visor img').width()/org[0]
H = area.h*
浏览 6提问于2011-07-25得票数 0
2回答
目前我正在尝试获取远程图像的宽度/高度。我正在开发一个链接共享模块，当你在facebook上粘贴链接时，你可以看到标题，描述和图片。
所以我试着用php getimagesize来获取图像的宽/高，速度非常慢。
因此，我正在考虑使用jquery解决方案来获取远程图像的宽度/高度，这样我就可以过滤图像宽度小于100px。
我是jquery/javascript的新手
我试过这样的东西
var img = $('#imageID');
var width = img.clientWidth;
var height = img.clientHeight;
$('#info&#
浏览 1提问于2010-08-29得票数 7
回答已采纳
1回答
WPF中的照片尺寸错误
、、、
我这里有一张宽度为2008px的图片。如果我使用下面的代码用WPF阅读这张图片：
byte[] baSource = File.ReadAllBytes(strFileName);
using (Stream streamPhoto = new MemoryStream(baSource))
{
BitmapFrame bfPhoto = ReadBitmapFrame(streamPhoto);
Console.WriteLine(bfPhoto.Width); }
它告诉我图
浏览 1提问于2010-11-07得票数 1
回答已采纳
此问题仅在IE9上出现。Firefox运行良好，其他浏览器也是如此。
我在用户上传图片的文本区域上使用TinyMCE (带有ImageManager插件)。文本区域仅用于上传图像。当用户将图像上传/插入到tinyMCE文本区并提交页面-I编辑时，在允许完成表单提交之前，请检查图像尺寸以确保其大小正确。
我将tinyMCE文本区域的html加载到一个JQuery对象中，然后使用jquery调用该对象的宽度(“.attr”)，以确保图像是所需的宽度。
问题是，在FireFox上，它工作得很好，返回图像的宽度。在IE9上，对.attr("width")的jquery调用返回0(零)。
浏览 3提问于2012-11-24得票数 2
我试图实现固定宽度和随机宽度图片()画廊的jquery.serialScroll。一切正常，但我不能正确设置偏移设置，所以当你滚动到最后一张图片时，右边有很多灰色空间。当我尝试设置偏移量(大约700)时，画廊冻结了:(
你知道一些简单的解决方案吗?如何将最后一张图片与右端对齐？
提前感谢您的回答。
JS：
jQuery.easing.easeOutQuart = function (x, t, b, c, d) {
return -c * ((t=t/d-1)*t*t*t - 1) + b;
};
$(document).ready(function(){
浏览 0提问于2010-09-11得票数 0
2回答
我在一家移动网上商店工作，在实现产品缩放功能时卡住了
在点击图片“用户可缩放”并将最大比例设置为10.0之后，当用户使用收缩手势放大产品时，一切正常。但关闭缩放图像后，比例不会重置为1.0。
有没有办法动态重置视口的比例值。“初始尺度”似乎不起作用，将“最小尺度”和“最大尺度”重置为1.0也不起作用。
在iPhone / iPad上出现问题
似乎有一个解决方案，但我不知道我应该将这篇文章中的应用于哪个元素
“您需要使用- webkit -transform: scale(1.1)；webkit transition。”
但我不知道该样式应用于哪个元素。
这里有一些代码来说明这个问题。
在视口的
浏览 1提问于2012-01-30得票数 14
3回答
我得到了一个jQuery函数，它可以缩放图片，因此最大的测量值是350 no，而不管原始大小如何。
jQuery：
function Scale(){
var img = new Image();
img.onload = function () {
alert('Orignal width:'+img.width+', height:'+img.height);
var width, height;
if (img.width > img.height) {
width = (img.width >
浏览 2提问于2013-04-11得票数 0
回答已采纳
4回答
我正在使用jquery创建一个图片库。我正在加载和调整图像大小，以创建缩略图。我想要得到图像大小的原始值，这样以后我就可以把它恢复到原来的大小。有人知道怎么做吗？我有以下代码：
obj.find("img").each(function(){
});
这将遍历容器div中的所有图像。然后我试着这样做：
$(this).width(); //didnt work
this.width; //didnt work
有什么想法吗？
浏览 2提问于2010-01-11得票数 5
回答已采纳
显然，如果图片大了2倍，jQuery会重新调整图片的大小，以适合灯箱。
( )。
但这不会发生在我身上，因为当我查看一个大图像时，它占据了整个页面，你必须滚动才能看到图像。
在jquery文件或CSS中设置图像的最大宽度和高度时，我是否遗漏了什么？
在进阶时谢谢！
浏览 0提问于2010-10-13得票数 0
1回答
我想要做的是：
我有一个文章布局，我正在做跨越约700像素。这篇文章的顶部是一张图片。当图像宽度小于600像素时，我希望图像为float:left;，但当图像宽度超过600像素时，我希望图像所在的div加宽到完整的700像素，以便强制在其下方显示文本。例如:我有一个640像素宽的图像。不幸的是，文本仍然换行，所以我得到了一大块词推到图像的右侧……这就是为什么我希望图像所在的div跨越整个宽度。
我一直在尝试让我的jQuery正常工作，我已经尝试了3种不同的方法，但都没有成功。我想我漏掉了什么。它所做的就是让div跨越700个像素，而不管图像的宽度。
<div class="sto
浏览 0提问于2013-06-19得票数 1
我有一个图片网站，并已实现无限滚动图片。问题是，我不知道如何在加载图像后使用jQuery调整它们的大小。
我使用的是带有jQuery版本1.5的drupal。
这是到目前为止我的代码不能工作的代码：
jQuery(body).delegate("#region-content","onchange",function() {
jQuery('#region-content img').each(function() {
var desiredWidth = 520; // Max width for the image
var r
浏览 0提问于2013-06-24得票数 1
回答已采纳
我有一个jquery图片幻灯片插件的问题，我正在处理图片滚动离开的地方，创建幻灯片。IE和FireFox运行良好，但Safari/Chrome(WebKit)就不行了。
这就是我们正在讨论的电话
$(".nav li").live("click", function () {
if (lastSelected != null) $(lastSelected).removeClass("selected");
$(this).addClass("selected");
place = parseInt
浏览 3提问于2011-11-12得票数 1
回答已采纳
也许这是一个非常愚蠢的问题，但对我来说还不够愚蠢，因为我似乎无法解决这个问题(即使是谷歌)。
我有一个jquery：
$.each(items, function (key, t) {
$("#list").append(
$("<li />")
.append($("<img />")
.attr("src", "path/to/" + t.Thumbnail)
.addClass("thumb"))
.app
浏览 6提问于2013-06-17得票数 1
回答已采纳
我使用由jQuery更新的CSS在div中居中显示文本。div高度取决于图像的大小。它在IE和Firefox中运行良好，但在Chrome和Safari中效果不佳。
我尝试过以下几种方法：
$(window).load(function() {
var hli = $('#article li').height();
});
取而代之的是使用$(document).ready()来捕获高度并使用它来更新CSS，但它总是返回0。您可以在以下url中看到一个示例：
当用户将鼠标悬停在图片上时，应显示文本。
浏览 5提问于2011-12-30得票数 0
回答已采纳
2回答
所以我有一个简单的AJAX请求(不是JQuery)：
function ajaxfunction(){
var ajaxRequest;
try{
ajaxRequest = new XMLHttpRequest();
} catch (e){
try{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try{
ajaxRequest = new ActiveXObject("Microsoft
浏览 0提问于2011-08-19得票数 0
回答已采纳
1回答
图像未正确裁剪或调整大小
、、、、
我正在尝试建立一个个人资料上传系统。用户将上传图片，在提交图片之前，他们将有机会对图像进行裁剪。我正在使用裁剪框图像裁剪插件，我也使用jQuery验证插件。提交后，图像将被裁剪成全尺寸，然后调整到250 by的大小。这里是我所拥有的HTML和jQuery智慧的jQuery。
<form class="avatar_form" action="" method="POST" enctype="multipart/form-data">
<input id="avatar" style="
浏览 4提问于2016-07-26得票数 2
1回答
保存从div-标签中裁剪的图片
、、、、
我找到了一种方法，在一个由标签组成的盒子里移动一张图片。它工作得很完美，正如我所希望的。代码为流：
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery("#my-image").css({top: 0, left: 0});
var maskWidth = jQuery("#my-mask").width();
var maskHeight = jQuery("#my-m
浏览 2提问于2015-02-17得票数 1
回答已采纳
1回答
我怎样才能调整我的移动布局。
例如:我的布局以替代模式显示信息，一边是图片，另一边是文本。像这样
图文
文本-图片
图文
文本-图片
，但目前它显示的是移动布局，如下所示：
文本
图片
图片
文本
短信..。
我想在手机上显示为： :
图片
文本
图片
短信..。
解决这个问题的：我用jquery编写它，下面是我的代码：
jQuery(document).ready(function($) {
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera //Mini /i.test(navigator.userAgent)
浏览 4提问于2015-09-16得票数 0
在ActionScript 3中，我可以从图片的网址信息中获取图片的高度吗？
我有图片的网址。我希望在UI中绘制图像，并希望在获得图像时动态设置绘图区域的高度。
浏览 3提问于2010-06-18得票数 2
回答已采纳
我正在做一个jQuery滑块。到目前为止，有两张图片，第一张定位错误。
下面是我正在使用的url：
它在页面的左下角。
我想让第一个图像和第二个图像在同一位置(按钮之间居中)。
下面是我的代码：
HTML：
<div id="fader">
<img src="http://www.ayrturfandtrac.org/wp-content/uploads/2012/11/usedListing.png" class="usedListingImage">
<img src="http://www.ayrtu
浏览 0提问于2012-12-07得票数 2
回答已采纳
我正在使用jQuery来尝试获取未设置宽度的元素的宽度。在firefox中，它工作得很好，但在IE中，它返回AUTO而不是元素的实际宽度。
jQuery('.nav-2').css('width');
有没有人知道一种变通的方法或者其他方法来获得在IE中可以工作的元素的宽度？
浏览 7提问于2011-09-08得票数 2
回答已采纳
我只想将这段jquery代码应用于移动设备和平板电脑 <script>
jQuery(window).scroll(function () {
var y = jQuery(this).scrollTop();
if (y > 440) {
jQuery('.dropdown,.navbar.fixed-top').fadeIn(600);
} else {
jQuery('.dropdown,.navbar.fixed-top').fadeOut(600);
}
});
</script>
浏览 11提问于2020-04-14得票数 0
我想更改图像的src，以响应最大宽度为515 px的媒体查询。如果javascript有一个与css媒体查询相同的事件，或者类似的事情，我也可以实现javascript或jQuery (也可能是AngularJS )。
我想要3张单独的图片(目前是2张)的原因是为了减少文件大小，例如在移动设备上，我可以加载一张50 KB的照片，而不是700 KB的照片。
如果需要注释任何代码或其他信息，我会将其添加进来。
注意： to the problem 使用html5图片元素解决了相同类型的问题(而不是按需要使用css或jQuery‘媒体查询’)，这也是一个很好的解决方案。
浏览 2提问于2015-08-24得票数 1
回答已采纳
我正在开发一个asp.net mvc3应用程序。我的观点是使用剃刀，但我认为现在这已经不重要了。我需要一个图片库，你可以在其中删除和上传图像，以及其他一些我在网上看到的图片库中找不到的需求，所以我最终做出了自己的实现。
我在图库中用拇指显示真实大小的图像时遇到了问题。我做了一个小脚本来显示问题的本质：
<!DOCTYPE html>
<html>
<head>
<style>
.thumb-image { cursor: pointer;}
</style>
<script src="http://code.jquery
浏览 0提问于2013-06-07得票数 0
回答已采纳
2回答
我是jQuery的新手，我还在学习HTML和CSS。我想在我的网站主页上有一张有反应能力的图片，这个图片可以根据用户的浏览器窗口进行缩放。我在github：上发现了这个，但我想我可能使用错了，因为我无法让它为我工作。这是我的html：
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js">
</script>
<reference path="jquery-1.5.1.min.js" />
&l
浏览 3提问于2016-05-22得票数 1
回答已采纳
我将一个child-html-page加载到一个colorbox (jquery插件)中，以便在显示图像时获得lightbox/modal效果。但我希望这个html在一个div中有一张图片，在它的右边有另一个div用于评论。
我在想两个并排的div。两列，但不是表。照片放在其中的一个里面。缩放以始终适合(无滚动或隐藏)和另一个具有匹配高度和固定宽度的div。
我遇到的一个问题就是并排放在div上。我没有缩放图片，而是将两个div放在不同的“行”上。第一个推倒另一个。
有什么方法可以让它们保持内联并缩放图片的宽度呢？我尝试过向左/向右浮动，跨度，但我无法实现。
浏览 1提问于2014-05-20得票数 0
1回答
我有一个iframe，里面有一个画廊。在我的主页，我有一个图片，当点击，它打开“iframe与fancybox。
代码如下所示：
<a class="fancybox fancybox.iframe popup" href="http://tambooflores.com.mx/iframe_colores.html" height="100%" width="100%" >
some IMAGE here
</a>
fancybox的脚本是：
$('.fancybox').fanc
浏览 3提问于2013-04-12得票数 0
回答已采纳
我正在使用jquery-imagetool插件来裁剪图片。我的jquery代码如下所示：
$('div.image img').imagetool({
viewportWidth: 171,
viewportHeight: 267
})
我想从div.image元素的css中获取父参数，因此需要获取当前元素(img)并对其调用viewportWidth ()。
有谁可以帮我？
浏览 3提问于2012-04-12得票数 1
回答已采纳
1回答
我有一个简单的表布局，每个表行都有以下组件
图片视图|图片视图|图片view2 |图片View2
文本视图数据是从数据库提供的。
如何设置widthof(文本视图)= widthof(screen)-(widthof(imageview1)+widthof(imageview2)+widthof(imageview3)
浏览 2提问于2011-10-11得票数 0
回答已采纳
1回答
引导映像更改大小
、、
我使用的是twitter bootstrap 2.2.2，似乎我的图片在"hero“div中的大小在页面加载时调整得很完美，然后出于某种原因进行了反应，并扩展到比div更大，然后被截断了。
请参阅此处的页面：
请注意，我为每个州的工具提示使用了一个jquery插件。
浏览 0提问于2012-12-10得票数 0
我正在尝试制作一个“绘图”应用程序，它允许用户通过将鼠标拖动到画布上来绘制一些东西。
但是，我想在用户拖动鼠标的地方画一个‘像素’：鼠标的位置和绘制‘像素’的位置不一样。我在网上到处搜索，但我不知道我的版本和他们的版本有什么不同。
图片：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Drawer</title>
<script src="jquery-
浏览 0提问于2016-03-10得票数 1
1回答
我有个奇怪的随机问题。下面是我有问题的代码的示例。它的目的是对ul/li元素列表创建一个jQuery jCarousel控件。但是我需要里面的元素垂直居中，所以我正在为每个元素计算一个填充顶，一旦它们包含的图片被加载。
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery("#caroussel-cards").jcarousel({ "wrap": 'both', "animation": 800
浏览 5提问于2010-10-12得票数 0
我正在将我的应用程序转换为也可以在Windows phone7.x和8上运行(它已经在iPhone和安卓上运行)。
我有一个问题，页脚不显示在最底部，但位于略高于结束。正如你在图片上看到的她：
你们谁能帮上忙..正如我所说的，这在Android和iPhone上不是问题。
它是jQuery 1.9.1、jQueryMobile 1.3、PhoneGap 2.4。
浏览 1提问于2013-03-11得票数 0
我有一个图库，它在每次加载页面时都随机放置在.container中。
我的问题是，当我有时加载页面时，图像是重叠的。还有不在.container中的图片
JS非常简单：
$(document).ready(function() {
$('.picture').each(function(i) {
$pT=$(this).height();
$pL=$(this).width();
$(this).css({
top:Math.floor(Math.random()*$pT)*i*2,
浏览 1提问于2013-10-07得票数 2
回答已采纳
我一直在到处找都没找到。
这是一个简单的方法，可以减少使用简单的<input type="file" />拾取的图像的宽度，而不会丢失图像的纵横比。
我在上传之前使用jquery来选择图片，像这样：$('#image')[0]，但我需要一种在上传之前减少图片宽度的方法，以减少文件大小和发送到服务器的数据，当然也减少用户在访问网站时下载图片时收到的数据。
浏览 5提问于2017-02-13得票数 0
2回答
场景:你有一个包含一些文本的div，这个div没有css宽度，没有jquery宽度，也没有以任何方式分配给它的width属性。然而，由于其中的内容，它有一个宽度，这是未定义的，在jQuery中报告为"null“。我的问题是:有什么方法可以停用这个div的宽度吗？
浏览 3提问于2010-12-05得票数 1
回答已采纳
我正在做一个简单的图库，里面有超文本标记语言、CSS和jQuery。当用户点击一张图片时，该图片的一个较大的版本应该会在后面有一个覆盖的框架中弹出。我对水平方向的图像没有问题，但对于垂直方向的图像，较大的图像会失真。
您可以在CodePen上查看我的工作示例：
我尝试通过将图像的高度保存在一个变量中并使用jQuery更改属性来更改图像的属性，但似乎不起作用。
如何获取较大图片URL的高度和宽度并放入框架中？我正在尝试下面的代码，它不起作用。
var height_large = $(this).attr('height')
var width_large = $(this).
浏览 27提问于2016-08-29得票数 0
3回答
我正在试着为自己建一个网站。我想用一张图片作为标题...我已经确保我的背景可以在任何屏幕分辨率下自动缩放。我如何确保图像(标题)也会根据屏幕分辨率自动缩放...
例如:我的图片宽度为350px，高度为130px。我希望这是屏幕分辨率为1280X768时的大小。并应根据屏幕大小按比例进行更改。
请告诉我如何做到这一点，最好使用CSS。我对js或jquery也没意见。
提前感谢Raj
浏览 2提问于2010-02-25得票数 4
2回答
你知道为什么jQuery cycle插件在滑动图片时会破坏backgorund图片的居中吗？(没有激活插件，它可以正常工作)
这是一个 (尝试调整窗口大小或缩小，看看我的意思-背景图像被裁剪)
浏览 0提问于2010-06-17得票数 1
回答已采纳
1回答
引导3选择选项切断
、、、
是否有一种方法可以防止在Bootstrap选择上选择“断线”？请看下面的代码和下面的图片。第一张图片显示了正确显示的选项。第二张图片显示了在我调整屏幕宽度使其比选项文本更小后被切断的选项。
如果我不能通过CSS做到这一点，我计划使用jQuery将选择框的宽度设置为最大的选项宽度，如果选项宽度大于选择宽度。
<select class="form-control multiple" size="3">
<option>test123 test123 test123 test123 test123 test123</option
浏览 4提问于2014-12-11得票数 5
2回答
我正在开发的一个移动网站https://lowlifeclothing.co/将所有的.gif图片完美地放置在我的iPhone 11Pro Max上，我在那里进行了测试版测试，但在较小的屏幕分辨率下，图片移动得很快，破坏了网站的设计。 您可以在此处通过更改网站的手机类型/分辨率大小来了解我的意思；https://bluetree.ai/screenfly/?u=https%3A//lowlifeclothing.co&a=20&b=10 这个网站类似于一个老式的猎鹿游戏，我用来制作鹿动画的代码如下； jQuery(function($) {
$("#image
浏览 30提问于2020-11-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
