YAOHAIXIAO.COM

HTML(5),CSS(3),JavaScript,DOM,Ajax,JSON,Front-end technologies & Yaohaixiao

热门标签:JavaScript Performance 前端开发 前端性能优化 原创

Rss

Home » Posts tagged "相册"

jQuery 带缩略图相册效果

jQuery 带缩略图相册效果

jQuery 带缩略图相册效果,一个比较实用的相册效果,基本上就是常见的图片网站用的相册效果,推荐大家试试! 演示地址:http://www.yaohaixiao.com/scripts/jAlbum/ 代码下载:jAlbum CSS 代码 .album{ margin:20px auto; width:1000px; border:10px solid #FFF; -webkit-box-shadow: 1px 2px 5px #CCC; -moz-box-shadow: 1px 1px 5px #CCC; box-shadow: 1px 1px 5px #CCC; overflow:hidden; } .album-image-… [阅读全文]

Carousel – jQuery 相册插件

Carousel – jQuery 相册插件

程序简介: Carousel是一个常见的特效,比如淘宝等网站就用这个效果展示推荐产品。我之前也用YUI写过这个效果,而这个是最近用jQuery写的。这个Carousel除了可以显示普通的carousel信息展示以外,我又添加了一些其他的效果,可以利用carousel实现相册的图片展示,效果还不错的!我目前还没有支持Ajax动态加载数据的功能,不过基本够用了。兼容性也是不错的,如果你需要Carousel效果,我的这个程序是个不错的选择。 Carousel 相册 $.carousels({ root: ‘#photos-slider’, carousel: ‘#photos-list’, pages: { prevBlock: ‘#ph… [阅读全文]

YLightbox 相册特效

YLightbox 相册特效

程序简介: YLightbox也是我3年多前,以 YUI 2.6 为基础库写的一个相册效果,看名字我想你大概也明白了,类似 lightbox 的效果,这个效果在有很多图片的页面使用,是非常不错的选择。虽然没有fancybox那么炫的zoomin,zoomout的动画效果,不过确实十分实用,兼容性也很不多错的。 YAO.YLightBox.init(‘y-lightbox’, ‘img’, ‘container’); 演示地址:http://www.yaohaixiao.com/scripts/ylightbox/ 下载地址:ylightbox.zip 程序特点: 固定屏幕中心显示 图片显示窗口会根据图片大小自动调整 支持图片缩略图显… [阅读全文]

YAlbum 相册效果

YAlbum 相册效果

程序简介: YAlbum是我很久前写的一个相册效果了,基本上是利用 YUI 2.6 的框架自己选取了些必要的方法重新包装了一个简单的YUI库,然后在这个轻量的YUI库上写的YAlbum。这个相册效果还比较实用的,有兴趣的朋友可以试用。 var Album = new YAO.YAlbum(); 演示地址:http://www.yaohaixiao.com/scripts/yalbum/ 下载地址:yalbum.zip 程序特点: 1. 支持图片loading异步加载 2. 缩略图 Carousel 显示 3. 支持在大图上点击翻页,并且有箭头提示 4. 点击大图切换图片时,缩略图会自动高亮切换 5. 点击大图切换图片时,缩略图会自动… [阅读全文]