图片弹窗代码-玄门社区-风水自学网

<<返回列表下一个上一个收藏打印本文复制本文地址

247 查看	1 回复

主题：图片弹窗代码 [收藏主题]

lan988 当前离线

288 主题	210 广播	31 粉丝

添加关注

级别:管理员

用户积分:182 分
登录次数:1101 次
注册时间:2007-3-30
最后登录:2024-11-27
论坛高手

论坛高手

创始人

当前不在线

lan988 发表于：2024-5-14 0:11:21 | 只看该作者查看该作者主题楼主

<img class="thumbnail " src="/UploadFiles/2023-10/111.png" />

<style>

.thumbnail {

cursor: pointer;

}

#overlay {

display: none;

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

background-color: rgba(0,0,0,0.7);

text-align: center;

}

#overlay img {

margin-top: 20%;

max-width: 100%;

max-height: 100%;

}

</style>

<div id="overlay"><img /></div>

<img class="thumbnail " src="/UploadFiles/2023-10/111.png" />

<script>

function showOverlay(imageUrl) {

var overlay = document.getElementById('overlay');

var image = overlay.querySelector('img');

image.src = imageUrl;

overlay.style.display = 'block';

}

function hideOverlay() {

document.getElementById('overlay').style.display = 'none';

}

</script>

专业从事风水，命理，择日，取名等。

本站是提供个人知识管理的网络存储空间，所有非本站原创内容均由用户发布，不代表本站观点。如发现有害或侵权内容，请点击这里举报

反对(0)

回到顶部

回到底部

底部

lan988 当前离线

288 主题	210 广播	31 粉丝

添加关注

级别:管理员

用户积分:182 分
登录次数:1101 次
注册时间:2007-3-30
最后登录:2024-11-27
论坛高手

论坛高手

创始人

当前不在线

lan988 发表于：2024-5-14 0:12:01 | 只看该作者查看该作者主题沙发

<img class="thumbnail " src="/UploadFiles/2023-10/111.png" />

本站是提供个人知识管理的网络存储空间，所有非本站原创内容均由用户发布，不代表本站观点。如发现有害或侵权内容，请点击这里举报

反对(0)

回到顶部

回到底部

底部

＜下一主题 | 上一主题＞

<< 返回列表

风水自学网有限公司 © 2016-2025 版权所有页面执行0.07617秒 powered by KesionCMS 9.0