源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery图片播放浏览插件prettyPhoto使用详解

  • 时间:2022-03-17 15:10 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery图片播放浏览插件prettyPhoto使用详解
[b]一、prettyPhoto简介[/b] [img]http://files.jb51.net/file_images/article/201104/18103009_TyxU.jpg[/img] prettyPhoto是一款基于jquery的轻量级的lightbox图片播放浏览插件,它不仅支持图片,还同时支持视频、flash、YouTube、iframe和ajax。而且prettyPhoto配置和使用都十分简单,扩展性也不错,你可以最大限度地自定义prettyPhoto。目前,prettyPhoto兼容大部分主流的浏览器,包括令人纠结的IE6。 prettyPhoto插件的项目地址:[url=http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/]http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/[/url] 建议英文好的朋友直接去官网上了解这个插件的用法,如果你的英文很烂,那么也别急,下面我就给大家来一一介绍prettyPhoto的使用方法。 [b]二、prettyPhoto使用方法介绍[/b] 1、引入jquery核心库和prettyPhoto插件库以及prettyPhoto样式表文件
[url=css/prettyPhoto.css] <script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
2、初始化jquery插件,以下是最简单的配置的js代码 下面是每种类型的html代码 1、[b]单张图片[/b]
[url=images/fullscreen/2.jpg] <img src="images/thumbnails/t_2.jpg" width="60" height="60" alt="This is the title" /> </a>
2、[b]图片相册[/b]
3、[b]单个flash[/b]
[url= 4、[b]YouTube视频[/b]
[url= 5、[b]Vimeo[/b]
[url= 6、[b]QuickTime影片[/b]
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部