18910140161

JavaScript-在具有各种图片的模式上的单击事件-堆栈溢出

顺晟科技

2022-10-19 12:46:06

89

我有一个模态,上面有一系列的图片。我的想法是,用户点击他/她选择的图片,在图片顶部出现一条消息,说“您选择了此图像”。到目前为止,我可以使消息只出现在第一张图片上,因为我在CSS中给了它相同的边距在第一张图片上...这是一种避免这种情况的方法,让每个图像都有自己的消息,而不必编写太多CSS吗?此外,这种模式将在网站中复制不同的时间,与更多的图片,这取决于情况,所以我正在寻找一种方法来避免太多的编码。


顺晟科技:

要使其工作,您需要在每个图像周围添加一个容器,添加一些css,并更改javascript以与容器交互。

以下是您可以做的一个示例,请记住,这个问题还有其他解决方案,这只是一个让您继续下去的解决方案。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航