请选择 进入手机版 | 继续访问电脑版

雨哲工作室

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
雨哲工作室 资料库 超强嵌入点扩展组件 弹出图片层-可作广告用
  • 全部资料
  • 查看资料

弹出图片层-可作广告用

2018-4-23 17:58|分类: 超强嵌入点扩展组件 |发布用户: 雨哲

201804/24/181531zgnxw4glw55xl1r6.jpg

今天有用户问到弹出图片广告层的问题,就帮他做了一个,代码很简单,可以说是一句话代码哈,不过为了方便设置所以特地增加设置参数。

无半透明遮罩层效果

有半透明遮罩层效果

组件名称:全局 底部 弹出层广告

组件变量:global_footer@yz_popinfo

手机嵌入:否

组件类型:文字(string)

模板内容:

{hookinput:popinfoset,<b>弹出层提示</b>,参数设置,hidden,https://www.yuzhe.name/library/item-253.html}{/hookinput}
{hookinput:popinfotitle,<b>提示标题</b>,请填写弹出层的标题文字,text}友情提示{/hookinput}
{hookinput:popinfocover,<b>遮罩层</b>,选择是否对弹出层使用半透明遮罩层,select,0=无|1=有}0{/hookinput}
{hookinput:popinfoimg,<b>图片地址</b>,请直接填写图片地址或上传图片,text,image}ad/bm.jpg{/hookinput}
{hookinput:popinfoimgw,<b>图片宽度</b>,px,请填写图片的显示宽度,number}582{/hookinput}
{hookinput:popinfoimgh,<b>图片高度</b>,px,请填写图片的显示高度,number}355{/hookinput}
{hookinput:popinfourl,<b>链接地址</b>,图片链接地址,text}https://www.yuzhe.name{/hookinput}
<script type="text/javascript"> 
showDialog('<a href="{hookvalue:popinfourl}" target="_blank"><img src="{hookvalue:popinfoimg}" style="width:{hookvalue:popinfoimgw}px;height:{hookvalue:popinfoimgh}px;margin:5px;"></a>', 'info', '{hookvalue:popinfotitle}', null, {hookvalue:popinfocover}); 
</script>

面为了显示效果,所以没有限制显示页面,如果你需要限制部分页面使用的话,可以把js显示部分加个判断,如下示例仅在门户首页显示:

<!--{if CURSCRIPT == 'portal' && CURMODULE == 'index'}-->
<script type="text/javascript"> 
showDialog('<a href="{hookvalue:popinfourl}" target="_blank"><img src="{hookvalue:popinfoimg}" style="width:{hookvalue:popinfoimgw}px;height:{hookvalue:popinfoimgh}px;margin:5px;"></a>', 'info', '{hookvalue:popinfotitle}', null, {hookvalue:popinfocover}); 
</script>
<!--{/if}-->

插件介绍:雨哲超强嵌入点 插件是一款平台插件,通过后台添加在前台显示(基于模板的hook位置)指定内容的功能。

下载地址:http://addon.discuz.com/?@yuzhe_hook.plugin

分享到: 手机访问 分享给QQ好友 分享到QQ 分享到QQ空间 QQ空间 分享到新浪微博 新浪微博 分享到人人 人人网

手机扫码访问

企业微信 : 雨哲手机扫描添加到联系人手机扫描直接访问

QQ|关于我们|Archiver|手机版|小黑屋|雨哲工作室

GMT+8, 2019-1-18 10:22 , Processed in 0.066959 second(s), 18 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部