SS如何实现点击图片，弹出一个层，层里显示图片（就是论坛的效果）

如题，想让SS实现和DZ论坛里的，点击图片，出来一个层，里面显示图片，可用滚轮放大缩小。

请高手赐教！

回复  wcl2222

DZ鼠标缩放方式测试成功！

但有个问题：在火狐浏览器中，总是多打开一个原图的窗口。 ...
理红轩 发表于 2009-12-30 08:23

    因为A链接还是存在的，你试试加上return false; 试试

在zoom(this, this.src);后面加！改成这样试试！

1. imgs[i].onclick =function()
   
2. {  zoom(this, this.src);
   
3. return false;
   
4. }

复制代码

这个是有一个代码的，忘记放哪了，要不然我真想收下100金币，因为现在真是穷啊，明天有时间找找~~

知道的帮忙弄下吧，在此先拜谢了！

在网上搜搜。lightbox，JS+DIV实现，我就是不知道怎么加到SS里面。

在网上搜搜。lightbox，JS+DIV实现，我就是不知道怎么加到SS里面。
lydd 发表于 2009-11-26 10:24

    代码好找。。。我也是不知道怎么加到SS里。。。

这个改动其实很小,但用到DZ的JS代码很多,需要修改的文件有

include/js/common.js
templates/default/css/common.css  (这个只是美化作用,但不改会影响美观)
增加一个图片放到:/images/default/imgzoom_tb.gif

或者直接在CSS里引用论坛的也可以,本例是直接考到ss7.5相关目录




演示:http://www.aspnethome.cn/?action-viewnews-itemid-21

common.js 代码里找到

1. 
   
2. imgs[i].title = '点击图片可在新窗口打开';
   
3. imgs[i].style.cursor = 'pointer';
   
4. imgs[i].onclick = function() { window.open(this.src); }
   

复制代码

将最后一行改成:

1. imgs[i].onclick =function() {  zoom(this, this.src); }

复制代码

然后将我演示站的这个JS文件http://www.aspnethome.cn/include/js/common.js 打开后,找到
//放大图片DZ源码,复制这行以下所有的代码到你SS的include/js/common.js 文件里

CSS文件后面加上以下代码

1.                 /*
   
2.                 添加
   
3.                 */
   
4.                
   
5. .zoominner { padding: 5px 10px 10px; background: #FFF; text-align: left; }
   
6. .zoominner p { padding: 8px 0; color: {LIGHTTEXT} }
   
7. .zoominner p a { float: left; margin-left: 10px; width: 17px; height: 17px; background: url(/images/default/imgzoom_tb.gif) no-repeat 0 0; line-height: 100px; overflow: hidden; }
   
8. .zoominner p a:hover { background-position: 0 -39px; }
   
9. .zoominner p a.imgadjust { background-position: -40px 0; }
   
10. .zoominner p a.imgadjust:hover { background-position: -40px -39px; }
    
11. .zoominner p a.imgclose { background-position: -80px 0; }
    
12. .zoominner p a.imgclose:hover { background-position: -80px -39px; }
    
13. .right { margin: 8px 0 0 5px; }

复制代码

如果你原程序没作什么改过,可以直接下附件覆盖即可,如果改动过,可以参考我上面说到的两个文件,自己加上去!
顺便提醒下,因为懒得分析DZ里的comm.js文件,我是整个源码考过去了,所以应该有很多多余的函数,不过不影响使用!

如果满意的话,记得给我金币啊!
附件仅适合SS7.5( 20091112 ) ,其他版本没测试过!

wordpress博客很好实现，装个插件就可以了。http://cloudshare.cn/blog/73/
ss要安装lightbox2代码的话，最重要的是解决上传图片后ss能自动加入rel="lightbox"

如果手动的话，会比较麻烦...这里有个lightbox js v2.0使用教程，供大家参考http://www.gengbing.com/demo/010/

这个改动其实很小,但用到DZ的JS代码很多,需要修改的文件有

include/js/common.js
templates/default/cs ...
wcl2222 发表于 2009-11-27 04:28

    用了你使用的方法，可是没有效果呀

自己手动改、下载你的附件替换，都不行呀。。。。但你的网站确实是可以。。。。

不会吧,我测试过了,没问题的啊,你网址是多少,我帮你看看