类别

“Gallerific”图像画廊

Template-help.com Team 2010年11月15日
Rating: 5.0/5. 从1票开始.
请稍等...

这是一个画廊 Script 它使用了“Gallerific”——一个通用的jQuery plugin 用于创建各种画廊. 您可以通过这个链接找到完整的安装和配置说明.

JavaScript
为了使 script 工作, index-#.html 用一个 slider 应该包含这几行 HTML 代码以便包含 jquery.galleriffic.js script 和jQuery framework:

两个额外的 script 文件是可选的. jquery.history.js script 启用对库的历史记录支持. jquery.opacityrollover.js script 启用图库缩略图的不透明度翻转效果.

HTML
下面你可以看到一般 HTML script 表示:

这里表示的元素是可选的. Each

元素定义了以下图库部分:
•  #控制 -添加图库 导航 block;
•  #loading -增加了一个块,显示一个旋转图像,直到画廊的图像正在加载;
•  #幻灯片 -增加大图像块;
•  #caption -增加图像描述块;
•  #thumbsthumbnail 图像块.

接下来你可以看到缩略图块标记:

链接( 标记)包含 href 参考与路径到一个大的图像. 您可以选择添加 title and alt 属性. 为了添加一个额外的图像,你只需要复制一个列表元素(

  • 标签)及其内容.
    库初始化放置在末尾 HTML 编码(之前)
    结束标记),并包含所有必要的配置值. The script 是否有良好的注释,以便您始终可以了解要更改哪些属性才能自定义图库功能.

  • 这个条目被张贴了出来 Gallery 和标记 gallery, jQuery. 书签的 permalink.

    提交罚单

    如果您仍然无法找到关于您的问题的足够的教程,请使用以下链接向我们的技术支持团队提交请求. 我们将在接下来的24小时内为您提供我们的帮助和协助: 提交罚单