幻灯(通常也被称为“内容滑动”、内容切换效果、焦点图等)是在网站或博客的较小区域展示大量内容的很好的方法。动态的自动滑动内容在很多网站上都是很流行的。你是否也对在自己的网站上实现类似的效果感兴趣?那就看一下本文列出的jQuery插件吧!
1. jFlow
一个漂亮而整洁的图片幻灯,被nettut推荐,如果你想自己做一个图片幻灯效果,就去看看吧。
2. 使用jQuery UI实现推荐内容的幻灯展示
这是一个教你如何“使用一种很有冲击力的方法展示你的网站/博客的最佳内容以吸引更多眼球”的很不错的教程。该文章介绍展示推荐内容的技术中的一个是自动播放内容幻灯。
3. 创建漂亮的jQuery幻灯教程
该教程介绍如何开发/创建漂亮的使用图片描述和名称的jQuery幻灯。
4. 基于jQuery的一个简单的内容幻灯效果
Brenelz的网站开发技巧的一个简单的内容幻灯效果。
5. JC Play List
<script>google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);</script>
免费而好用的使用Flash组件创建的一个jQuery幻灯插件,特别是对XML、RSS2.0、Picasa和Flickr等多媒体列表等非常方便。
6. Easy Slider
一个JQuery插件,允许图片或任何内容在点击的时候水平/垂直滑动。
7.jqGalScroll
jQuery Gallery Scroller (jqGalScroll)使用图片列表,并创建一个光滑的可以垂直、水平或对角滚动的图片相册。该插件同样能创建分页,从而你就可以轻松的浏览你的照片了。
8. Image Gallery
这个一点儿都不复杂——它是一个非常简单的图片画廊/查看器。你可以像这样调用图片:
9.使用jQuery UI 制作内容幻灯
Dan Wellman为NetTuts写的教程,很详细。
10. 创建一个自动播放的推荐内容幻灯
来自CSS-Tricks的Chris Coyier 写的一篇教程。该脚本基于Coda Slider。它包含一些扩展的特性:
<script>google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);</script>
11. slideViewer
SlideViewer是一个轻量的(1.5Kb)jQuery插件,它可以让你随时通过编写几行HTML代码来创建一个图片画廊.
12. Start/Stop Slider
13. 一个简约的jQuery插件
WebDesignBooth的一个教程,介绍如何使用强大的jQuery库创建简单的内容幻灯效果。
14. BarackSlideshow
一个灰常小巧和轻量的幻灯脚本,灵感来自于美国总统Baracka Obama网站的一个幻灯效果。该脚本获取MorphList的能力,并增强图片的可视化和导航。
15. JQuery s3Slider를 사용한 WordPress 템플릿
WP에서 JQuery s3Slider 플러그인을 사용하여 슬라이드쇼 콘텐츠를 만듭니다.
실제로 이것들은 jQuery 슬라이드쇼 플러그인뿐만 아니라 CodaSlider, JQuery Cycle 플러그인 등도 있습니다. 물론 일부는 사진에만 사용할 수 있지만 대부분은 콘텐츠에 사용할 수 있습니다.
자세한 내용은 http://www.jb51.net/jiaoben/list374_1.html