Fatal编程技术网
  • javascript/
  • 使用javascript时，如何设置<；部门>；这会改变图像吗？

使用javascript时，如何设置<；部门>；这会改变图像吗？

javascript html image

使用javascript时，如何设置<；部门>；这会改变图像吗？,javascript,html,image,Javascript,Html,Image,基本上，我有一个html文档，其中包含一些静态图像和我想在计时器上更改的图像。我已经让它工作了，但是旋转图像转到第一个 3) { 索引=0} document.images[0].src=imageArray[index].src；} //javascript始终位于“staticImage”中。 您的文档。图像[0]。src将始终返回文档中的第一个图像。查看HTML部分，staticImage在changingImage之前，因此，loadImages和rotateImage将始终更改DOM结

基本上，我有一个html文档，其中包含一些静态图像和我想在计时器上更改的图像。我已经让它工作了，但是旋转图像转到第一个

3) {
索引=0}
document.images[0].src=imageArray[index].src；}
//javascript始终位于“staticImage”中。
您的
文档。图像[0]。src
将始终返回文档中的第一个图像。查看HTML部分，
staticImage
在
changingImage
之前，因此，
loadImages
和
rotateImage
将始终更改DOM结构中的第一个图像

一种方法是将元素ID传递到函数中，函数会从传递的ID更改图像

这里有一个提示，它可能会帮助您解决这个问题。

如果您无法理解，请再次访问。

您不需要使用JavaScript，因为它会影响浏览器和移动设备的性能，具体取决于您的受众是谁，但您应该做好这两方面的准备。最好的方法是在图像中使用CSS和旋转木马。基本上，您可以使用
overflow-x:hidden
创建一个
div
，并每隔一秒左右循环浏览从左向右移动的图像。我提供了一个带演示的howto供您试用

什么将导致执行
rotateImage（）
函数？您是通过
document.images[0]
来表示文档中的第一个
元素，因此如果您想要第二个元素，请使用
document.images[1]
。您完全正确！非常感谢。我刚刚看到了！谢谢 
<html>
<div id="staticImage">
    <img src="pic1">
</div>

<div id="changingImage">
    <img id="changePics">
</div>

</html>

//My javascript to rotate the images:

var imageArray = [];
var index = 0;`

function loadImages(){
    imageArray[0] = new Image();
    imageArray[0].src = "img/a.jpg";
    imageArray[1] = new Image();
    imageArray[1].src = "img/b.jpg";
    imageArray[2] = new Image();
    imageArray[2].src = "img/c.jpg";
    imageArray[3] = new Image();
    imageArray[3].src = "img/d.jpg";`

    document.images[0].src = imageArray[0].src;}

function rotateImage() {
    index ++
    if (index > 3) {
        index = 0}
    document.images[0].src = imageArray[index].src;}


//The javascript always lands in the "staticImage" `<div>`.