0

嗨，我有一点问题。我正在加载一个附属横幅，并且控制大小、宽度和其他输出的 JS 文件无法托管在我的服务器上（发布者不允许）。

当前配置

我有一个 div 里面有一个图像：

<div>
<img src="someimage.jpg" id="img=" />
</div>

当您单击图像时，此 div 会展开为 300 像素宽和 180 像素宽的调查，人们可以填写并提交。

所以这里是问题：

我无法触摸的 JS 文件具有图像的所有样式，我正在尝试使用与我的网站匹配的东西来更改图像大小。所以我在我的 html 文件（其中包含 JS）中硬编码：#img{height:100px; width:100px;} 这工作正常，图像缩小到 100x100，但问题是调查不再扩大并且也设置为 100x100。

所以我试图找到一种在不下载 JS 文件的情况下更改图像大小的好方法。所以我正在考虑两种解决方案：

  1. 使用JS调用设置高宽的函数并覆盖
  2. 使用JS调用ID并在html中更改。

如果您有更好的方法，我会全神贯注:)

4

1 回答 1

0

您可以在图像上使用一个类（更改 id 不是那么优雅）：

 .imgClass{height:100px; width:100px;}


<div>
    <img src="someimage.jpg" id="img" class="imgClass" />
</div>

在图像的 onclick 事件中，您可以删除该类：

$("#img").bind("click",function(){
    $(this).removeClass('imgClass');
});

或内联

 <div>
    <img src="someimage.jpg" onclick="$(this).removeClass('imgClass');" id="img" class="imgClass" />
</div>
于 2012-10-26T10:41:59.700 回答