`
zhy584520
  • 浏览: 183555 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

clearbox使用心得

阅读更多

 

     最近项目中需要一个照片展示的效果,于是在网上找相关的 JS 插件,看了诸多 JS 插件,我决定使用 clearbox ,看官方的 demo ,这个还是比较适合目前的项目需求。先这么用吧。

根据网上的使用 demo ,我在 html 里也做了一个同样的 demo ,感觉还是挺完美的。于是开始把这个 clearbox 加入到我的 SSH 项目中。

使用 clearbox 很简单,没有多余的代码,只需引入 clearbox.js clearbox.css 即可。

<a href="images/test.jpg" rel="clearbox[test]" ><img src="images/5.jpg" alt=" 测试图片 " style="width:220px;height:220px;" border="0" /></a>

特别注意的就是 rel="clearbox[test]" test 是分组

这个效果还是不错的,在 jsp 中使用是需要后台加载的图片的,以供展示。这里需要注意的是需要手动调用 clearbox.js 中的 CB_Init(); 这也是我后来看官网才发现的,网上这方面的资料相对较少,都只是一个静态的 demo ,花了我好长时间才弄好。记录下来以便日后回顾一下。

demo附上。

2
3
分享到:
评论

相关推荐

    js clearbox 图片浏览器

    "JS Clearbox 图片浏览器" 是一款基于JavaScript技术开发的高效、多功能的文档查看器,尤其擅长处理...无论你是网页设计师、前端开发者还是内容管理者,掌握Clearbox的使用和定制方法,都将对你的工作带来极大的便利。

    clearbox效果很好的效果

    为了在网页中使用ClearBox,你需要在HTML中引入clearbox.js,并根据需要设置相关配置。例如,你可以通过添加特定的CSS类名到图片链接来指定哪些链接应该触发ClearBox效果。同时,你可以通过修改clearbox文件来自定义...

    Clearbox图片浏览特效代码

    Clearbox图片浏览特效是一种流行的网页图像展示技术,它允许用户在网页上点击图片链接后,弹出一个全屏的、透明背景的浮动窗口来展示大图,提供了类似于轻量级的图片画廊体验。这个特效代码包包含了实现这一功能所需...

    clearbox图片浏览特效.rar

    要使用Clearbox,你需要做以下几步: 1. 将Clearbox的JavaScript和CSS文件引入到你的HTML页面中。 2. 在需要应用Clearbox的图片或链接上添加特定的类名或数据属性,以标识它们。 3. 配置JavaScript代码,设置如预...

    ClearBox 认证鉴权软件

    在使用ClearBox时,用户可以期待以下关键特性: 1. **集中管理**:通过一个中心平台管理所有网络设备的访问权限,便于政策实施和更新。 2. **安全增强**:TACACS协议提供的加密和分离的身份验证、授权和审计流程有...

    图片特效浏览clearbox最新版3.6带演示和中文语言包

    5. **演示**:提供的演示文件可以让用户或开发者直观地了解ClearBox的使用方法和效果,便于快速上手。 6. **易用性**:集成到网站中非常简单,只需将必要的JavaScript和CSS文件引入,然后通过特定的HTML标记或者...

    弹出层多媒体浏览插件clearbox

    在实际应用中,Clearbox还可以与其他JavaScript库(如jQuery)配合使用,以简化DOM操作和事件处理。同时,由于其良好的可扩展性,开发人员可以方便地为其添加新功能,如预加载器、全屏模式、缩略图导航等。 从提供...

    clearbox实例(完美教会你怎么用可弹出图片、视频等)

    ClearBox是一款广泛应用于...首先,我们要了解ClearBox的基本使用方法。在HTML中,你需要为每张图片或视频创建一个链接,然后添加特定的class或者属性来触发ClearBox效果。例如,对于图片,你可以这样写: ```html ...

    clearbox3.6 and demo

    clearbox3.6 and demo 核心clearbox3.6 JS 支持中文 有Demo演示 注:IE6,7, FF 都能正常演示,IE8不行! 请注意:下载后不仅要有评论,而且要有评分,在评论的左上角有5个五角星,要单击那5个五角星才算评分!!!!...

    PyPI 官网下载 | clearbox_wrapper-0.3.1-py3-none-any.whl

    Clearbox可能是一个框架、工具或者服务,而`clearbox_wrapper`则是为了让开发者更容易地集成和使用它。在Python中,这样的包装器库十分常见,它们提供了一层抽象,减少了直接操作底层API的复杂性。 `.whl`文件是...

    clearbox图片浏览特效特效代码

    从提供的“使用帮助.txt”和“说明.url”文件中,用户可以学习如何获取并集成ClearBox到自己的项目中。这些文件可能包含安装指南、配置步骤和常见问题解答。 总之,ClearBox图片浏览特效是一种提升网站用户体验的...

    clearbox源码

    clearbox源码, 怎么“翻译”成正常的可读代码?

    js 插件clearbox图片浏览特效,点击图片可以预览大图,如果是多张,可以点击显示下一张,上一张.rar

    这可能需要使用条件注释、特性检测等技术,或者依赖于库如jQuery来处理跨浏览器的差异。 总的来说,ClearBox插件利用JavaScript和CSS实现了一种优秀的图片预览功能,为用户提供了一种直观且便捷的方式来查看网页中...

    图片展示特效

    "clearBox"是一个非常受欢迎的图片展示插件,它提供了美观、流畅的图片预览效果。下面将详细阐述这个特效以及与之相关的知识点。 1. **图片展示插件**:图片展示插件是一种JavaScript或jQuery库,用于增强网站上的...

    ClearCase license

    20111021到期,浮动50个,请不要用于商业用途

    js弹出浏览图片.zip

    使用时,只需要将这个文件引入到HTML页面中,并配置相应的图片源,就能实现相册的展示效果。 在实际应用中,这样的JavaScript相册可能还会涉及一些其他技术,比如CSS(层叠样式表)用于布局和美化弹出框的样式,...

    java 语言图片渐显效果随心所俞

    在Java编程语言中,实现...如果你正在使用`ClearBox`库,那么只需按照其提供的API文档和示例代码进行操作,就能轻松实现所需的渐显效果。无论是自己编写还是借助第三方库,都能为你的Java应用增添生动有趣的视觉体验。

Global site tag (gtag.js) - Google Analytics