SS超强查看资讯页点击图片效果插件(支持图片/flash/媒体格式等)
本效果, 经论坛朋友提示安装成功的,再次感谢那位朋友演示地址: http://www.ad119.cn/html/58/n-17358.html
插件介绍:
shadowbox是一个跨浏览器，跨平台，干净地代码，并完全记录媒体的应用软件的JavaScript 。用shadowbox ，网页作者可以显示图片和电影和网站，在所有主要的浏览器都可用。
安装说明:
1. 修改templates/你的风格/header.html.php
查找<script type="text/javascript" src="{S_URL}/templates/$_SCONFIG/images/common.js"></script>下面添加:<script type="text/javascript" src="{S_URL}/templates/$_SCONFIG/shadowbox1/src/js/lib/yui-utilities.js"></script>
<script type="text/javascript" src="{S_URL}/templates/$_SCONFIG/shadowbox1/src/js/adapter/shadowbox-yui.js"></script>
<script type="text/javascript" src="{S_URL}/templates/$_SCONFIG/shadowbox1/src/js/shadowbox.js"></script>
<script type="text/javascript">
YAHOO.util.Event.onDOMReady(Shadowbox.init);
</script>查找<link rel="stylesheet" type="text/css" href="{S_URL}/templates/$_SCONFIG/css/common.css" />下面添加<link rel="stylesheet" type="text/css" href="{S_URL}/templates/$_SCONFIG/shadowbox1/src/css/shadowbox.css" />2. 修改templates/你的风格/news_view.html.php文件
查找
<!--{if empty($multipage)}-->
<!--{loop $news['attacharr'] $attach}-->
<!--{if $attach['isimage']}-->
<p class="article_download"><a href="$attach" target="_blank"><img src="$attach" alt="$attach" /><span>$attach</span></a></p>
<!--{else}-->
<p class="article_download"><a href="$attach" target="_blank">$attach</a>(<!--{eval echo formatsize($attach);}-->)</p>
<!--{/if}-->
<!--{/loop}-->
<!--{/if}-->修改为<!--{if empty($multipage)}-->
<!--{loop $news['attacharr'] $attach}-->
<!--{if $attach['isimage']}-->
<p class="article_download" align=center><a href="$attach" rel="shadowbox;options={counterType:'skip',continuous:true}"href="$attach" target="_blank"><img rel="shadowbox;options={counterType:'skip',continuous:true}" src="$attach" alt="$attach" /><span>$attach (点击图片查看大图)</span></a></p>
<!--{else}-->
<p class="article_download"><a href="$attach" target="_blank">$attach</a>(<!--{eval echo formatsize($attach);}-->)</p>
<!--{/if}-->
<!--{/loop}-->
<!--{/if}-->
当然你可以打开安装包里的文件demo.html,按演示调整
3. 下载压缩包,将shadowbox1上传至你的风格目录下面
4.上传覆盖修改文件,刷新缓存ok!!! :lol不错啊
支持
页:
[1]