Question

我正在尝试编写一个脚本，使用缩小效果在我的页面上显示图像。我想我可以通过改变图像的类来实现这一点。我写过，但它根本不起作用（图像甚至无法加载）。你能看出我的错误在哪里吗？

以下是代码：

HTML：

<body>

<div class="container-fluid">
    <h1>Super titre</h1>
    <p>Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe Paragraphe </p>
    <img id="monImage" onload="myFunction()" src="images/gear.png">
</div>

</body>

JS：

<script>
function myFunction() {

    $("#monImage").toggleClass("appeared");
})

CSS：

#monImage{
position: absolute;
height: 0;
width: 0;
z-index: 1;
}

#monImage.appeared{
width: 100%;
height:100%;
}

感谢您的帮助！

图像＆＃34;缩小＆＃34;页面加载时的appartion

0 个答案: