本帖最后由 anchenme 于 2009-7-26 02:11 编辑
本效果, 经论坛朋友提示安装成功的,再次感谢那位朋友
演示地址: 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[template]/images/common.js"></script>
复制代码 下面添加:- <script type="text/javascript" src="{S_URL}/templates/$_SCONFIG[template]/shadowbox1/src/js/lib/yui-utilities.js"></script>
- <script type="text/javascript" src="{S_URL}/templates/$_SCONFIG[template]/shadowbox1/src/js/adapter/shadowbox-yui.js"></script>
- <script type="text/javascript" src="{S_URL}/templates/$_SCONFIG[template]/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[template]/css/common.css" />
复制代码 下面添加- <link rel="stylesheet" type="text/css" href="{S_URL}/templates/$_SCONFIG[template]/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[url]" target="_blank"><img src="$attach[thumbpath]" alt="$attach[subject]" /><span>$attach[subject]</span></a></p>
- <!--{else}-->
- <p class="article_download"><a href="$attach[url]" target="_blank">$attach[filename]</a>(<!--{eval echo formatsize($attach[size]);}-->)</p>
- <!--{/if}-->
- <!--{/loop}-->
- <!--{/if}-->
复制代码 修改为- <!--{if empty($multipage)}-->
- <!--{loop $news['attacharr'] $attach}-->
- <!--{if $attach['isimage']}-->
- <p class="article_download" align=center><a href="$attach[url]" rel="shadowbox[Mustang];options={counterType:'skip',continuous:true}" href="$attach[thumbpath]" target="_blank"><img rel="shadowbox[Mustang];options={counterType:'skip',continuous:true}" src="$attach[thumbpath]" alt="$attach[subject]" /><span>$attach[subject] (点击图片查看大图)</span></a></p>
- <!--{else}-->
- <p class="article_download"><a href="$attach[url]" target="_blank">$attach[filename]</a>(<!--{eval echo formatsize($attach[size]);}-->)</p>
- <!--{/if}-->
- <!--{/loop}-->
- <!--{/if}-->
复制代码 当然你可以打开安装包里的文件demo.html,按演示调整
3. 下载压缩包,将shadowbox1上传至你的风格目录下面
4.上传覆盖修改文件,刷新缓存ok!!!
附件太大请到这里下载: http://www.ad119.cn/bbs/viewthread.php?tid=48400&extra=
只针对没有插入到文章的图片有效 |