分享一个比lightbox配置更方便的jQuery web2.0图片显示插件:Topup
日期:2011/11/12? 来源:GBin1.com
在线演示
Topup是一个使用非常简单的javascript类库用来使用web2.0的弹出方式展示图片。这个类库基于jQuery和jQuery UI以保证跨浏览器的兼容性。提供如下特性:
主要特性:和其它的lightbox实现相比, Topup配置更简单,不需要你配置复杂的HTML,CSS及其javascript。你只需要简单将包含一个文件,就能实现苹果类似的效果。
如何使用?只需将topup的类库加入head标签即可,当然如果你需要下载到本地,也可以。
然后指定图片出现的方式,你可以使用样式表定义来设定,例如, top_up或者tu_ql,代码如下:
<html>? <head>??? <script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js"></script>? </head>? <body>??? <a href="photos/1.jpg" class="tu_iframe_800x600">Open Google</a>? </body></html>
来源:分享一个比lightbox配置更方便的web2.0图片显示jQuery插件:Topup