SS超强查看资讯页点击图片效果插件(支持图片/flash/媒体格式等)

本效果, 经论坛朋友提示安装成功的,再次感谢那位朋友

演示地址: http://www.ad119.cn/html/58/n-17358.html

未标题-1.jpg

插件介绍:

shadowbox是一个跨浏览器，跨平台，干净地代码，并完全记录媒体的应用软件的JavaScript 。用shadowbox ，网页作者可以显示图片和电影和网站，在所有主要的浏览器都可用。

安装说明:

1. 修改templates/你的风格/header.html.php
查找

CODE:

<script type="text/javascript" src="{S_URL}/templates/$_SCONFIG[template]/images/common.js"></script>下面添加:

CODE:

<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>查找

CODE:

<link rel="stylesheet" type="text/css" href="{S_URL}/templates/$_SCONFIG[template]/css/common.css" />下面添加

CODE:

<link rel="stylesheet" type="text/css" href="{S_URL}/templates/$_SCONFIG[template]/shadowbox1/src/css/shadowbox.css" />2. 修改templates/你的风格/news_view.html.php文件

查找

CODE:

<!--{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}-->修改为

CODE:

<!--{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!!!