XOOPSCHINA THEME COLLECTION - 为图片浏览增加了遮罩层的应用 - Theme制作

新闻动态 XOOPS靓站 Theme交流

| 按月归档 |

Theme制作 : 为图片浏览增加了遮罩层的应用

作者 ffxk 于 2007年01月16日 15:03:13 (4511 次阅读)

演示地址：http://www.okajax.com/demo/pic-view/index.html
xoops站上演示：http://ffxk.com/modules/wordpress/284.htm

下载地址：http://www.okajax.com/info/codedown/200611246.htm
说明：此程序由ajax中国修改制作.

使用方法：

1.head中加入:

<script type="text/javascript" src="pic-js/prototype.js"></script>
<script type="text/javascript" src="pic-js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="pic-js/lightbox.js"></script>
<link rel="stylesheet" href="pic-css/lightbox.css" type="text/css" media="screen" />

2.放置blank.gif close.gif closelabel.gif loading.gif next.gif nextlabel.gif prev.gif prevlabel.gif 到文件夹pic-img中。

放置lightbox.css到pic-css文件夹

放置effects.js lightbox.js prototype.js scriptaculous.js到pic-js文件夹。

以上的文件夹位置可以自己设置。

3.在预览图片链接中加入标签rel="lightbox" 例如：

<a href="images/image-1.jpg" rel="lightbox" title="my caption"><IMG height=40 src="pic-img/thumb-1.jpg" width=100 border="0"></a>

这样就可以显示例一效果

以下方法可以对一组图片（图片数量无限）进行浏览

<a href="images/image-1.jpg" rel="lightbox[plants]"><IMG height=40 alt="第一张（共3张）" src="pic-img/thumb-1.jpg" width=100 border="0"></a>

<a href="images/image-2.jpg" rel="lightbox[plants]"><IMG height=40 alt="第二张（共3张）" src="pic-img/thumb-2.jpg" width=100 border="0"></a>

<a href="images/image-3.jpg" rel="lightbox[plants]"><IMG height=40 alt="第三张（共3张）" src="pic-img/thumb-3.jpg" width=100 border="0"></a>

评分: 0.00 (0 票) - 对此新闻评分 -

其他新闻
2007年10月08日 08:50:00 - 新增xoops 风格8个,现在本站收集风格(theme)总数为469个
2007年09月13日 22:30:00 - XOOPS Theme设计宝典
2007年09月06日 19:46:44 - 新增xoops 风格6个,现在本站收集风格(theme)总数为461个
2007年08月14日 22:21:20 - 删除XOOPS靓站无效链接
2007年08月10日 20:11:47 - 新增xoops 风格2个,现在本站收集风格(theme)总数为455个

网友个人意见，不代表本站立场。对于发言内容，由发表者自负责任。

发表者	树状展开
游客	发表日期: 07月15日 08:43 更新: 07月15日 08:43
	Love thias website I was watching your website and I can say it is perfect 83eb15ac5a1a3276eb6973a6dfe9f6c5 is also good.

发表者	树状展开
游客	发表日期: 08月02日 03:08 更新: 08月02日 03:08
	Love thias website I was watching your website and I can say it is perfect 34ea2f08a83002c08b3f82c08b66b0e0 is also good.

发表者	树状展开
游客	发表日期: 08月15日 17:31 更新: 08月15日 17:31
	foro prono manga y hentai porno , pelis porno japones , actriz porno muerta , youtube com porno , historias pornos , actores porno nacho , pelis porno enteras , futurama prono , descargar videos porno cortos , porno amateur , todo porno , foro descargas porno , mejores peliculas porno lesbicas , sexso gordas , bajar pornotube , porno duro com , mejores peliculas porno italianas , descarga revistas porno , vidios porno gays ,

发表者	树状展开
游客	发表日期: 08月15日 19:01 更新: 08月15日 19:01
	chicas gilmore videos zorras guapas , chicas de 16 a 18 , chicas de compania en madrid , imagen de chica , telefonos de chicas putas , chicas gilmore t7 , fotos de chicas de 18 a帽os desnudas , chicas de compa帽ia en vigo , juegos para chicas de vestir a mu帽ecas , anuncios chicas relax , prostitutas negras , juegos para chicas vestir mu帽ecas , fotos de chicas no famosas , chicas de compa帽ia en santander , videos de chicas guapas , vidios gratis chicas , webcam chicas espa帽olas , las chicas de hoy en dia son unas guarras , mejores chicas tuning ,

发表者	树状展开
游客	发表日期: 08月15日 23:51 更新: 08月15日 23:51
	sexo 4gatos com lacasita fotos de sexo familiar , sexo anal negras , foros de sexo en valencia , madura busca sexo en valencia , mujeres en la playa , sexo porno grates , sexo playa nudista , sexo joven 18 , ver fotos sexo , sexo anal lesbico , sexo cintas de video , relatos de sexo orgias , escenas de sexo en el cine espa帽ol , sexo sexo xxx , buscar videos de sexo , contactos sexo toledo , ver videos porno gratis , chats sexo cam , borrachas haciendo sexo ,

互动交流
Theme讨论区
XOOPS Theme 搜索

系统导航

首页新闻动态 XOOPS靓站提交链接热门链接精华链接 Theme交流

本站声明

本网站的xoops theme来源于网络，由本站整理，出于版权原因，仅提供作者信息或下载信息，概不提供本地下载。

另本站采用xoops 2.0.16版本，一般而言，theme在2.0.x和2.2.x上可以通用，个别theme需要进行微调方可应用。

在线信息
2人在线 (1人在浏览新闻动态)

会员: 0
游客: 2

更多...