Home » Default » 10个最佳且兼容移动浏览器的图片展示和幻灯代码

如果您的网站在很大程度上依赖于图像,并通过图片库来展示您网站的内容。不过,这种想法也可能适得其反,如果游客是从移动或触摸设备而来到你的网站。你的图库展示方式和兼容性决定了移动用户在你网站的浏览体验。

网上有各种各样的图像画廊,幻灯片和动态滑动门,过渡效果,淡入,淡出等效果,还有缩略图画廊让访问速度更快,灵活性和易于使用。并且力求最大兼容各种浏览器模式和手掌智能手机屏幕。为了让您更容易找到适合您网站需求的图片展示幻灯,这里推荐10个最佳动态画廊展示代码,幻灯片和滑动门。他们都是免费提供的,使他们完美的定位您网站以及优化和兼容各种移动客户端浏览器显示。

FlexSlider

flexslider-2

图像旋转木马完整的幻灯片效果和淡入淡出动画,FlexSlider 2支持展示照片或视频,并适用于所有的主流浏览器。

[demo | download]

Elastislide

elastislide

循环播放,兼容所有主流浏览器

[demo | download]

Responsive Image Gallery

responsive-image-gallery

想给你的读者快速访问到同一相册中的所有图片?那么这是最好的图片展示模式。支持图片缩略图功能,这个方法最智能手机浏览,给移动用户一个直观的体验,可以让移动用户有选择性的查看他们喜欢的图片而不必看完所有图片。

[demo | download]

Supersized

supersized

支持全屏模式,这个幻灯片展示代码支持自适应用户和移动用户屏幕,无论多少尺寸。

[demo | download]

Photoswipe

photoswipe

专为移动客户端定制。影像会迅速重新调整,以适应横向或纵向,用户都同时具有全视图查看。

[demo | download]

ResponsiveSlides.js

responsive-slides-js

轻量级,支持所有主流浏览器,包括IE6到IE9,非常敏感的滑块插件滑动。

[demo | download]

wmuSlider

wmuSlider

另一种轻量级的jQuery图片滑动。

[demo | download]

Camera

responsive-photo-galleries

不那么常见的过渡效果,这幻灯片还具有自动播放选项(悬停,停止),标题和分页支持,它还支持HTML元素和视频。

[demo | download]

RefineSlide

RefineSlide

具有多种过渡格式,包括3D转换的支持,具有良好的浏览器的支持,以及一个Javascript回退以及字幕。

[demo | download]

galleria

galleria

自适应浏览器的Javascript图片库。能快速访问到完整专辑,幻灯片视频,标题,弹出选项,全屏模式。

[demo | download]

来源:http://www.hongkiat.com/blog/free-responsive-image-gallery/

标签: none

添加新评论

V