SDX相册

分享于 

4分钟阅读

Web开发

  繁體 雙語

介绍

SDX相册 v1.1 <xml namespace=""ns="。schemas-microsoft-com:: 办公室:办公室"prefix="o"? > <xml: 命名空间前缀= O/> <o:p>?

作者: Serkant Samurkas |主页 <o:p>

描述: 相册脚本是显示图片的理想工具,能够对图片进行分类。 脚本还包括排序和导航功能。 <o:p>

  • 多层文件夹结构 <o:p>
  • 通过CSS文件完全可以定制接口。 <o:p>
  • 搜索和导航功能 <o:p>

版本 2.0中的新功能: <o:p>

  • 将添加幻灯片模式。 <o:p>

演示: 单击这里 查看相册的例子。 <o:p>

说明 <o:p>

步骤1: 首先,下载下列zip文件,后面包含相册所需的文件: <o:p>

Photo_Album.zip(。单击或者按中的Shift键可以下载) <o:p>

包含的三个文件为" SDX_PictureAlbum.js "," SDX_PictureAlbum.css "" sp_icoSearch.gif" ,你应该将它的上载到网页目录。 <o:p>

<o:p>

步骤2: 将代码插入到 <head>中,右键单击标记本身:

<链接 href=" sdx_picturealbum.css"type="文本/css"rel="样式表"/>

<脚本 language="javascript"src=" sdx_picturealbum.js"> </脚本>

<脚本 language=javascript src=" sdx_picturealbum.js"> </脚本>

在页面( 要配置这里部分,请遵循zip文件中包含的帮助 file(SDX_PictureAlbum.chm)。) 中,将 below 代码插入到 <主体> 部分中,以收费1::

<o:p>

<o:p> <div id="dv_picturealbum"> </div>

<脚本 language="javascript">
var PA_PictureAlbum=new SDX_PictureAlbum ("pa_picturealbum","dv_picturealbum"
PA_PictureAlbum.Properties.Width=150 ;
f_holland=pa_picturealbum。文件夹。addFolder ("荷兰",null
f_usa=pa_picturealbum。文件夹,addFolder ("usa",null )
f_newjersey=f_usa。addFolder ("Jersey"
f_newyork=f_usa。addFolder ("纽约"
f_philedelphia=f_usa。addFolder ("philedelphia"
PA_PictureAlbum.Fields.AddField("Description","Description",true )

//OBJ_FOLDER(0) - HEADER(1) - 路径( 2 )
PA_PictureAlbum.Pictures.AddPicture(F_NewJersey,"Trans-am","USA/NJ/Trans-am.JPG","Trans-am");
PA_PictureAlbum.Pictures.AddPicture(F_NewJersey,"Christmas-1","USA/NJ/Christmas-1.JPG","Christmas-1");
PA_PictureAlbum.Pictures.AddPicture(F_NewJersey,"Christmas-2","USA/NJ/Christmas-2.JPG","Christmas-2");
PA_PictureAlbum.Pictures.AddPicture(F_NewJersey,"Christmas-3","USA/NJ/Christmas-3.JPG","Christmas-3");
PA_PictureAlbum.Pictures.AddPicture(F_NewJersey,"Christmas-4","USA/NJ/Christmas-4.JPG","Christmas-4");
PA_PictureAlbum.Pictures.AddPicture(F_NewJersey,"Christmas-5","USA/NJ/Christmas-5.JPG","Christmas-5");

PA_PictureAlbum.Pictures.AddPicture(F_Holland,"Samurkas-1","Holland/Samurkas-1.JPG","Samurkas-1") ;
PA_PictureAlbum.Pictures.AddPicture(F_Holland,"Samurkas-2","Holland/Samurkas-2.JPG","Samurkas-2") ;
PA_PictureAlbum.Pictures.AddPicture(F_Holland,"Samurkas-3","Holland/Samurkas-3.JPG","Samurkas-3") ;

PA_PictureAlbum.Initialize( )
</脚本>