Question

好-我有一个问题可以找到先前的线程。不幸的是，我无法使用自己的问题提供的解决方案来找到解决方法。

我正在使用一行代码来调整图像的高度和宽度。

$（“＃myImage”）。animate（{height：“ + = 15px”，width：“ + = 20px”}）;

从动画的角度来看，它的工作方式完全符合我的要求，但是一旦鼠标越过原始尺寸的边界，图像就会恢复到该初始尺寸。我已经尝试了以下线程中描述的解决方案的一些变体，以供参考，但很快就会出现。如果我只用简单的形状替换图像，那很好-似乎只影响图像。

Similar Thread

我愿意就此提出一些其他建议。我必须缺少某些东西或不能正确应用它。

编辑- 还有一点背景...

我很抱歉没有为您提供更多背景信息-我确实是一个菜鸟，喜欢涉猎这些东西并且喜欢学习更多东西。我曾希望有一些简单的事情可能会被我忽略。

对更多代码的要求可能比您预期的要难一些，但这确实迫使我将这个小动作写在一个非常小的文件中，该文件具有简单的HTML和JQuery动画行，可以完美运行且无快照。（我在下面提供了我的重写）

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body> 
<script>
function grow() {
$("#grass").animate({height: "+=15px",width: "+=20px"});
}
</script>    
<img src="http://www.thirdleveltraining.com/images/grass.jpg" id="grass" width="250" height="250">
</br>
</br>
<button id="myBtn" onclick="grow()">Grow!</button>
</body>
</html>

但是，问题是我在另一个程序（Adobe Captivate）的领域中工作，该程序以HTML5和JavaScript的形式发布所有内容，但是发布的所有内容都过于疯狂和神秘，以至于很难确切地找到要去的地方上。

当我在舞台上放置一个图像并将其命名为“草”并创建一个供用户单击的按钮时，我将上面突出显示的jQuery行放在一个区域中，以在用户单击该按钮时执行它。结果是图像扩大了-这是可行的。不过，在这种环境下-它会回弹。

Adobe在三个不同位置生成的代码中似乎引用了名称为“草”的图像。两个是div，一个是canvas标签。一个div的ID为“ re-grassc”，一个保留原始名称“ grass”，canvas标签的ID为“ grassc”。我曾尝试对所有这些组件进行动画处理，认为它们可能必须保持在一起，但这似乎也无济于事。以下是三个实例的图片。

References to image

我认为我的问题与Adobe将项目转换为HTML5时如何打包所有东西有关，所以我不确定如何找到您可能需要的东西。 gh-对不起。我已经将页面与控制台进行了梳理，以找到有关如何使它像我的简单文件一样工作的线索。

这里是快速发布问题样本的链接，因此至少可以看到它-如果有帮助。弹出后，您需要点击“丑陋的播放”按钮。只是寻找一些专家头脑来进行头脑风暴。

Sample of Problem

我担心这还不够，但希望可以继续进行。让我知道是否需要更多。感谢所有花时间思考的人。如果我拨错了树，我深表歉意。

图片恢复到正常位置

0 个答案: