我不像Java那样熟悉Javascript编码。只是想问一下,如何在此代码中调整图像大小?
<script type="text/javascript">
var image1 = new Image()
image1.src = "img/img1.jpg"
var image2 = new Image()
image2.src = "img/img2.jpg"
</script>
我已经通过使用以下代码在HTML中解决了这个问题,但是我不知道如何在Javascript中解决问题:
<img src="img/www.png" alt="Logo" width="250" height="150" style="position: absolute; top: 10px; left:60px;" >
您的答复将不胜感激。
麦吉姆
*对不起,这是完整的代码:
<?php include('variables/variables.php'); ?>
<head>
<script type="text/javascript">
var image1 = new Image()
image1.src = "img/img1.jpg"
var image2 = new Image()
image2.src = "img/img2.jpg"
</script>
</head>
<body>
<p><img src="images/pentagg.jpg" width="500" height="300" name="slide" /></p>
<script type="text/javascript">
var step=1;
function slideit()
{
document.images.slide.src = eval("image"+step+".src");
if(step<2)
step++;
else
step=1;
setTimeout("slideit()",2500);
}
slideit();
</script>
</body>
这实际上是一个php文件,并从另一个php文件中调用。
只需执行以下操作:
var image1 = new Image(250, 150);
就是这样 new Image(width, height)
以下是一些文档:https : //developer.mozilla.org/zh-CN/docs/Web/API/HTMLImageElement.Image? redirectlocale = zh-CN & redirectslug = Web%2FAPI%2FImage# Image_Element_constructor
编辑反映了OP添加的新代码
问题是您没有将图像添加到网页本身的DOM中。将脚本移到其他脚本上方的主体中,并将代码更改为此:
var image1 = new Image(250, 150)
image1.src = "img/img1.jpg"
var image2 = new Image(350, 200)
image2.src = "img/img2.jpg"
var body = document.querySelector('body');
body.appendChild(image1);
body.appendChild(image2);
这是一个正常运行的JSBin示例:http ://jsbin.com/AzAvunOm/1/edit?html,输出
因此,您的代码应如下所示(您必须根据自己的需要进行调整):
<?php include('variables/variables.php'); ?>
<head>
</head>
<body>
<p><img src="images/pentagg.jpg" width="500" height="300" name="slide" /></p>
<script type="text/javascript">
var image1 = new Image(250, 150)
image1.src = "img/img1.jpg"
var image2 = new Image(350, 200)
image2.src = "img/img2.jpg"
var body = document.querySelector('body');
body.appendChild(image1);
body.appendChild(image2);
</script>
<script type="text/javascript">
var step=1;
function slideit()
{
document.images.slide.src = eval("image"+step+".src");
if(step<2)
step++;
else
step=1;
setTimeout("slideit()",2500);
}
slideit();
</script>
</body>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句