帮助与容器调整图像

好了，所以我只是想适当调整DIV，并具有图像里面调整为好。

下面是动态生成的所述容器和图像的一个例子：

<div id="imgD' + i + '" style="border:1px solid red;display:inline-block;position:absolute;"> 
    <img alt="Big" id="imgA' + i + '" width="' + Math.round(resourceData[i][2] * currentScale) + '" height="' + Math.round(resourceData[i][3] * currentScale) + '" src="' + uploadFolder + '/' + imgData[resourceData[i][1]][1] + '" /> 
</div>

然后，图像已Jquery的可调整大小添加到其上，并且该容器具有可拖动添加到其上。所有工作正常。直到我尝试在客户端放大时调整这两个元素的大小。

这里是我的调整大小代码：

 $('#imgD' + i).css("width", (resourceData[i][2]*currentScale)); 
     $('#imgD' + i).css("height", (resourceData[i][3]*currentScale)); 

     // Lets try every combination, like a hero! 
     $('#imgA' + i).css("width", (resourceData[i][2]*currentScale)); 
     $('#imgA' + i).css("height", (resourceData[i][3]*currentScale)); 
     $('#imgA' + i).attr("width", (resourceData[i][2]*currentScale)); 
     $('#imgA' + i).attr("height", (resourceData[i][3]*currentScale)); 

     $('#imgD' + i).css("left",(resourceData[i][4]*currentScale) + "px"); 
     $('#imgD' + i).css("top", (resourceData[i][5]*currentScale) + "px");

图像的缩放图标事情右下角会显示这是一个问题与jQuery的调整大小？

来源

2011-02-10 Tom Gullen

我没有，我害怕知道答案，但你可以通过链接一个元素的方法优化代码相当多，像这样：

 $('#imgD' + i).css({ width: (resourceData[i][2]*currentScale), 
          height: (resourceData[i][3]*currentScale)}); 
// Lets try every combination, like a hero! 
    $('#imgA' + i).css({ width: (resourceData[i][2]*currentScale), 
          height: (resourceData[i][3]*currentScale)}) 
        .attr({ width: (resourceData[i][2]*currentScale), 
          height: (resourceData[i][3]*currentScale)}); 
    $('#imgD' + i).css({ left: (resourceData[i][4]*currentScale) + "px", 
          top: (resourceData[i][5]*currentScale) + "px"});

来源

2011-02-10 16:39:38 Neil

我相信你知道这一点，但其他人看着这个帖子可能不会。 – Neil 2011-02-10 16:40:45

jQuery的resiable增加了一个DIV来图片。

('#imgA' + i).parent().css("width", (resourceData[i][2]*currentScale)); 
$('#imgA' + i).parent().css("height", (resourceData[i][3]*currentScale)); 
$('#imgA' + i).css("width", (resourceData[i][2]*currentScale)); 
$('#imgA' + i).css("height", (resourceData[i][3]*currentScale));

使用父选择器调整该div的大小。

来源

2011-02-10 17:07:45

帮助与容器调整图像

回答

相关问题