16个免费的JavaScript解决方案显示您的图像

WebFX总统。Bill在互联网营销行业拥有超过25年的经验,专长于搜索引擎优化、用户体验、信息架构、营销自动化等。William在Shippensburg和MIT的科学计算和教育背景为MarketingCloudFX和WebFX的其他关键研究和开发项目提供了基础。

如果你正在寻找一种方法在网站上显示你的图像,但没有时间创建一个自定义的解决方案,有很多免费和易于使用的脚本可供你使用。在这里,我总结了16个免费图片库和幻灯片让你看看。虽然效果很流畅,功能也很强大,但它们都没有使用Flash,只有JavaScript,它们只需要你编写很少的代码。

1.JonDesign SmoothGallery 2.0

SmoothGallery 2.0是一个俏皮的幻灯片画廊之间的图像过渡非常…顺利.作者在Firefox、Opera、IE 6和7以及Safari中测试了SmoothGallery 2.0。

它需要mootools的JavaScript框架。SmoothGallery 2.0:改进的Mootools Mojo图像SmoothGallery演示

2.(E) 2相片画廊

(E) 2相片画廊是一个开源的图片库。目前的版本还在测试阶段,但我已经在Firefox 2、IE 7和Safari 3上测试过了。关于(E)2图片库最酷的是,用户可以改变图片库的“皮肤”。它使用mootools框架和PHP的照片上传和图像自动检测功能。(E) 2相片画廊(E)2图片库示范

3.jQuery画廊

jQuery画廊是插件的jQueryJavaScript库。它使用reflect .js脚本动态地为图像添加反射效果。Jquery Gallery 1.0版本

4.MooPix

MooPix利用Flickr API动态地用来自Flickr帐户的图片填充您的图片库,而不需要使用服务器端脚本。moopix

5.Highslide JS

Highslide JS是使用的开源脚本吗模态窗口而不是弹出窗口打开较大版本的缩略图。它对非商业用途是免费的。Highslide JSHighslide JS演示

6.Flickrshow

Flickrshow是另一个允许您从Flickr访问照片集、组和标签的幻灯片。当前版本有一个改进的缓存功能,这有助于使图像之间的转换更快、更流畅。Flickrshow

7.广场

广场是一个使用jQuery库的图片库。分布在按3.0许可协议它允许您修改和重新包装脚本(前提是您遵守许可的条款和条件)。广场拱廊示范1 -拱廊示范2

8.LightWindow v2.0

LightWindow 2.0是混合媒体库的绝佳选择,因为它还支持其他文件类型,如Flash电影和视频文件。LightWindow v2.0LightWindow v2.0演示

9.easyALBUM

easyALBUM为自己是一个使用“超级干净的标记”的图片库而自豪。它在禁用CSS的情况下工作得很好,并且符合当前的XHTML web标准。它还允许用户使用键盘快捷键在图库中导航。

easyALBUM

10.slideViewer

slideViewer是一个jQuery插件,使用有序列表进行标记,这对可访问性和JavaScript关闭很好。slideviewer

11.图像过渡经理

图像过渡经理提供8种转换效果。开发人员在Firefox 2、Opera、IE 6和7上对其进行了测试。作为一种附加措施,我在Safari 3中尝试了一下(效果不错)。它是用script.aculo.us库,这又需要原型JS框架。图像转换管理器:使用scriptaculous进行图像转换图像转换管理器演示

12.ThickBox的

ThickBox的是一个构建在jQuery之上的脚本。它被设计用来显示图像以及其他类型的文档对象。它具有通过Ajax请求加载内容的能力。

ThickBox的3.1

13.ProtoFlow

ProtoFlow模仿了封面流你会在iTunes、iPhone和其他苹果产品中发现这种影响。除了ProtoFlow JS和CSS文件,它还使用了三个额外的外部JavaScript文件-原型而且script.aculo.us因此,要确保你愿意在页面权重、额外的HTTP请求和潜在的减少页面加载时间方面付出代价,因为上述原因。protoflowProtoFlow演示

14.一个用于Mootools的Javascript类

幻灯片为您的幻灯片库提供大量的选项和效果。有一个平移/缩放功能,使图像之间的过渡非常令人印象深刻,全部使用JavaScript完成。它不是很“开箱即用”,但通过一些简单的CSS魔法,它可以看起来很棒!

一个用于Mootools的Javascript类

15.使用Mootools的Javascript图像库

这是一个非常简单的图片库,当你需要一些东西的时候很好现在.它不需要你了解很多JavaScript就能让它工作。图片画廊使用Mootools

16.minishowcase

minishowcase使您能够设置库中使用的语言,并且可以配置它来检测用户的语言首选项。这个图片库使用PHP进行语言选择和自动缩略图生成。minishowcaseminishowcase演示如果你喜欢这篇文章,你可能也会喜欢"10个JavaScript效果提高你的网站的华丽因素”和“面向JavaScript程序员的40个优秀资源”。

WebFX职业

加入我们的使命,为全球企业提供行业领先的数字营销服务——同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!