在脚本jQuery中调整图像大小

麦吉姆

我不像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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery-调整图像大小以适合div

来自分类Dev

加载前调整图像大小-jQuery

来自分类Dev

在JavaFX中调整窗口大小时如何调整图像大小

来自分类Dev

在Firefox中按比例调整图像大小

来自分类Dev

如何调整伪元素中图像的大小?

来自分类Dev

在脚本jQuery中调整图像大小

来自分类Dev

如何防止在CSS中调整图像大小?

来自分类Dev

调整Modelica文档中的图像大小

来自分类Dev

从调整大小的图像中获得最佳质量?

来自分类Dev

在C#中调整图像大小

来自分类Dev

使用URL调整WordPress中图像的大小

来自分类Dev

在打开的简历中调整图像大小

来自分类Dev

在R中调整图像大小

来自分类Dev

调整离子卡中的图像大小

来自分类Dev

在Ubuntu中调整大于X的图像的大小

来自分类Dev

在Azure Blob存储中调整图像大小

来自分类Dev

Powershell在Word文档中调整图像大小

来自分类Dev

在脚本中调整图像大小

来自分类Dev

调整Xamarin表单中的图像大小

来自分类Dev

在tkinter中调整图像大小

来自分类Dev

使用Shell脚本调整图像大小

来自分类Dev

在gimp中调整图像大小

来自分类Dev

调整相册中图像的大小

来自分类Dev

jQuery:在调整大小的图像上冒烟

来自分类Dev

Colorbox上的jQuery图像调整大小

来自分类Dev

使用Imagemagick在脚本中调整图像大小

来自分类Dev

在jQuery中调整图像大小无法在所有图像上使用

来自分类Dev

PHP脚本未调整图像大小

来自分类Dev

在画布中调整图像大小