分享15个最佳jQuery幻灯插件和教程

jopen 11年前

        在网站前端中使用 jQuery 库已经变得越来越流行,前端开发人员发布或撰写的相关的插件和教程也与日俱增。

        幻灯(通常也被称为“内容滑动”、内容切换效果、焦点图等)是在网站或博客的较小区域展示大量内容的很好的方法。动态的自动滑动内容在很多网站上都是很流行的。你是否也对在自己的网站上实现类似的效果感兴趣?那就看一下本文列出的 jQuery 插件吧!

        1. jFlow 
        官方网站  演示 
        一个漂亮而整洁的图片幻灯,被 nettut 推荐,如果你想自己做一个图片幻灯效果,就去看看吧。
分享15个最佳jQuery幻灯插件和教程
        2. 使用 jQuery UI 实现推荐内容的幻灯展示
        官方网站 

        这是一个教你如何“使用一种很有冲击力的方法展示你的网站/博客的最佳内容以吸引更多眼球”的很不错的教程。该文章介绍展示推荐内容的技术中的一个是自动播放内容幻灯。
分享15个最佳jQuery幻灯插件和教程
        3. 创建漂亮的 jQuery 幻灯教程
        官方网站  演示 

        该教程介绍如何开发/创建漂亮的使用图片描述和名称的 jQuery 幻灯。
分享15个最佳jQuery幻灯插件和教程
        4. 基于 jQuery 的一个简单的内容幻灯效果
        官方网站  演示 

        Brenelz 的网站开发技巧的一个简单的内容幻灯效果。
分享15个最佳jQuery幻灯插件和教程
        5.  JC Play List
        官方网站  演示         

        免费而好用的使用 Flash 组件创建的一个 jQuery 幻灯插件,特别是对 XML、RSS2.0、Picasa 和 Flickr 等多媒体列表等非常方便。
分享15个最佳jQuery幻灯插件和教程
        6. Easy Slider 
        官方网站  演示 

        一个 JQuery 插件,允许图片或任何内容在点击的时候水平/垂直滑动。
分享15个最佳jQuery幻灯插件和教程
        7. jqGalScroll 
        官方网站 

        jQuery Gallery Scroller (jqGalScroll)使用图片列表,并创建一个光滑的可以垂直、水平或对角滚动的图片相册。该插件同样能创建分页,从而你就可以轻松的浏览你的照片了。
分享15个最佳jQuery幻灯插件和教程
        8. Image Gallery 
        官方网站 

        这个一点儿都不复杂——它是一个非常简单的图片画廊/查看器。你可以像这样调用图片:
分享15个最佳jQuery幻灯插件和教程
        9. 使用 jQuery UI 制作内容幻灯
        官方网站  演示 

        Dan Wellman 为 NetTuts 写的教程,很详细。
分享15个最佳jQuery幻灯插件和教程
        10. 创建一个自动播放的推荐内容幻灯
        官方网站  演示 

        来自 CSS-Tricks 的 Chris Coyier 写的一篇教程。该脚本基于 Coda Slider。它包含一些扩展的特性:
分享15个最佳jQuery幻灯插件和教程
        11. slideViewer
        官方网站 

        SlideViewer 是一个轻量的(1.5Kb) jQuery 插件,它可以让你随时通过编写几行 HTML 代码来创建一个图片画廊.
分享15个最佳jQuery幻灯插件和教程
        12. Start/Stop Slider
        官方网站  演示 
分享15个最佳jQuery幻灯插件和教程
        13. 一个简约的 jQuery 插件
        官方网站  演示 

        WebDesignBooth 的一个教程,介绍如何使用强大的 jQuery 库创建简单的内容幻灯效果。
分享15个最佳jQuery幻灯插件和教程
        14. BarackSlideshow 
        官方网站  演示 

        一个灰常小巧和轻量的幻灯脚本,灵感来自于美国总统 Baracka Obama 网站的一个幻灯效果。该脚本获取 MorphList 的能力,并增强图片的可视化和导航。
分享15个最佳jQuery幻灯插件和教程
        15. 使用 JQuery s3Slider 的 wordpress 模板
        官方网站  演示 

        在 WP 中使用 JQuery s3Slider 插件来创建幻灯内容。
分享15个最佳jQuery幻灯插件和教程
        其实,jQuery 的幻灯插件并不只这些,还有 CodaSlider、JQuery Cycle Plugin 等,当然有些只只能用在图片的,而大部分是可用于内容的。