江西广告网

标题: SS超强查看资讯页点击图片效果插件(支持图片/flash/媒体格式等) [打印本页]

作者: admin    时间: 2009-7-25 22:51
标题: SS超强查看资讯页点击图片效果插件(支持图片/flash/媒体格式等)
本效果, 经论坛朋友提示安装成功的,再次感谢那位朋友

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


插件介绍:

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

安装说明:

1. 修改templates/你的风格/header.html.php
查找
  1. <script type="text/javascript" src="{S_URL}/templates/$_SCONFIG[template]/images/common.js"></script>
复制代码
下面添加:
  1. <script type="text/javascript" src="{S_URL}/templates/$_SCONFIG[template]/shadowbox1/src/js/lib/yui-utilities.js"></script>
  2. <script type="text/javascript" src="{S_URL}/templates/$_SCONFIG[template]/shadowbox1/src/js/adapter/shadowbox-yui.js"></script>
  3. <script type="text/javascript" src="{S_URL}/templates/$_SCONFIG[template]/shadowbox1/src/js/shadowbox.js"></script>
  4. <script type="text/javascript">

  5. YAHOO.util.Event.onDOMReady(Shadowbox.init);

  6. </script>
复制代码
查找
  1. <link rel="stylesheet" type="text/css" href="{S_URL}/templates/$_SCONFIG[template]/css/common.css" />
复制代码
下面添加
  1. <link rel="stylesheet" type="text/css" href="{S_URL}/templates/$_SCONFIG[template]/shadowbox1/src/css/shadowbox.css" />
复制代码
2. 修改templates/你的风格/news_view.html.php文件

查找


  1. <!--{if empty($multipage)}-->
  2. <!--{loop $news['attacharr'] $attach}-->
  3. <!--{if $attach['isimage']}-->
  4. <p class="article_download"><a href="$attach[url]" target="_blank"><img src="$attach[thumbpath]" alt="$attach[subject]" /><span>$attach[subject]</span></a></p>
  5. <!--{else}-->
  6. <p class="article_download"><a href="$attach[url]" target="_blank">$attach[filename]</a>(<!--{eval echo formatsize($attach[size]);}-->)</p>
  7. <!--{/if}-->
  8. <!--{/loop}-->
  9. <!--{/if}-->
复制代码
修改为
  1. <!--{if empty($multipage)}-->
  2. <!--{loop $news['attacharr'] $attach}-->
  3. <!--{if $attach['isimage']}-->
  4. <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]&nbsp;(点击图片查看大图)</span></a></p>
  5. <!--{else}-->
  6. <p class="article_download"><a href="$attach[url]" target="_blank">$attach[filename]</a>(<!--{eval echo formatsize($attach[size]);}-->)</p>
  7. <!--{/if}-->
  8. <!--{/loop}-->
  9. <!--{/if}-->
复制代码
当然你可以打开安装包里的文件demo.html,按演示调整

3. 下载压缩包,将shadowbox1上传至你的风格目录下面

4.上传覆盖修改文件,刷新缓存ok!!!

shadowbox1.rar

6.34 MB, 下载次数: 161


作者: 茶叶蛋    时间: 2009-10-28 15:27
:lol不错啊
支持




欢迎光临 江西广告网 (http://bbs.jxadw.com/) Powered by Discuz! X3.2