gpt4 book ai didi

html - 悬停时弹出图像CSS链接

转载 作者:行者123 更新时间:2023-11-28 13:43:07 24 4
gpt4 key购买 nike

我正在尝试使用以下技术 http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/创建我用 php 动态生成的弹出图像悬停效果。我对这项技术有一个问题,即在页面加载时下载每个图像。我怎样才能让 css 只在悬停时下载图像?现在,当页面加载时,css 将图像推离屏幕(左:-1000 像素;),然后在悬停时将它们带回 View 。css 是否有可能实现这一点,那么我还有哪些其他选择?

最佳答案

而不是将 img src 属性设置为链接。使用该链接设置属性数据源。当您悬停时,从 data-src 属性设置图像的 src。浏览器将加载它。

关于html - 悬停时弹出图像CSS链接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6781221/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com