Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从鼠标上方的占位符中删除图像_Javascript_Html_Css - Fatal编程技术网

Javascript 如何从鼠标上方的占位符中删除图像

Javascript 如何从鼠标上方的占位符中删除图像,javascript,html,css,Javascript,Html,Css,我已经发布了这个问题,但似乎仍然无法理解。每当我第一次将鼠标悬停在任何较小的图像上时,较大的图像将显示在占位符上,每当我将鼠标从图像中移出时,占位符图像将为空白,这就是我希望它执行的操作。然而,在只做了一次之后,每当我将鼠标悬停在任何小图像上时,它就不再出现,它只在第一次工作时才工作,请帮助 var fullpic=新数组(4); 对于(变量i=0;i

我已经发布了这个问题,但似乎仍然无法理解。每当我第一次将鼠标悬停在任何较小的图像上时,较大的图像将显示在占位符上,每当我将鼠标从图像中移出时,占位符图像将为空白,这就是我希望它执行的操作。然而,在只做了一次之后,每当我将鼠标悬停在任何小图像上时,它就不再出现,它只在第一次工作时才工作,请帮助

var fullpic=新数组(4);
对于(变量i=0;i3)
n=0;
}
//CSS
#横幅包装{
位置:相对位置;
宽度:468px;
高度:61px;
保证金:0自动;
边缘底部:10px;
}
#横幅{
文本对齐:居中;
}
#拇指{
宽度:425px;
高度:80px;
保证金:0自动;
}
#主img{
宽度:513px;
身高:385px;
保证金:0自动;
边框:1px纯黑;
显示器:flex;
柔性流:行换行;
证明内容:中心;
对齐项目:居中;
弯曲方向:立柱;
}
#img盖{
最大高度:385px;
填充物:5px;
}

displayFull(i)
功能中,首先将
#img盖的可见性设置为
可见。您的代码正常工作,但可见性设置为“隐藏”,因此您无法看到结果。

代码中几乎没有问题

  • hiddevel()
    中,您正在设置
    可见性:hidden
    ,并且不再使其可见
  • 不知道你为什么要使用这个
    fullbanner
    东西。希望与这个问题无关。它会产生错误,因为
    fullbanner[n]
    没有意义
  • 检查下面的代码段以供参考

    var fullpic=新数组(4);
    对于(变量i=0;i
    #横幅包装{
    位置:相对位置;
    宽度:468px;
    高度:61px;
    保证金:0自动;
    边缘底部:10px;
    }
    #横幅{
    文本对齐:居中;
    }
    #拇指{
    宽度:425px;
    高度:80px;
    保证金:0自动;
    }
    #主img{
    宽度:513px;
    身高:385px;
    保证金:0自动;
    边框:1px纯黑;
    显示器:flex;
    柔性流:行换行;
    证明内容:中心;
    对齐项目:居中;
    弯曲方向:立柱;
    }
    #img盖{
    最大高度:385px;
    填充物:5px;
    }
    
    
    在“隐藏”中,您将图像的可见性设置为“隐藏”。在showFull中,您不会从“隐藏”重置可见性。您需要使它再次可见。谢谢,我没有意识到我必须这样做,我使用document.getElementById(“img cover”).style.visibility='visible'@网络学生214您的问题现在解决了吗?