100个推荐的图片/内容滑动条

1. Simple Slideshow plugin for jQuery

jquery-image-slideshow-2012-01[1]

Demo | Download

2. Presentation Cycle jQuery Slider

jquery-image-slideshow-2012-02

3. Avia Slider – jQuery Slideshow Pluign

jquery-image-slideshow-2012-03[1]

4. 3D Rotation Viewer – jQuery slideshow Pluign

jquery-image-slideshow-2012-04[1]

6. Horinaja jQuery SlideShow Implementation

jquery-image-slideshow-2012-05[1]

7. jqFancyTransitions – slideshow with strip effects

jquery-image-slideshow-2012-06[1]

8. Exclusive Freebie: The Piecemaker XML Gallery

jquery-image-slideshow-2012-07[1]

9. Automatic Image Montage with jQuery

jquery-image-slideshow-2012-08[1]

10. Parallax Slider with jQuery

jquery-image-slideshow-2012-09[1]

11. Rotating Image Slider with jQuery

jquery-image-slideshow-2012-010[1]

12. 3D Gallery with CSS3 and jQuery

jquery-image-slider-2012-011[1]

13. Fullscreen Image 3D Effect with CSS3 and jQuery

jquery-image-slider-2012-012[1]

14. Image Zoom Tour with jQuery

jquery-image-slider-2012-013[1]

15. Portfolio Image Navigation with jQuery

jquery-image-slider-2012-014[1]

16. Content Rotator with jQuery

jquery-image-slider-2012-015[1]

17. Awkward Showcase – A jQuery Plugin

jquery-image-slider-2012-016[1]

18. TN3 Gallery jQuery image gallery with slideshow

jquery-image-slider-2012-017[1]

19. A Slick jQuery Image Slider Plugin

jquery-image-slider-2012-018[1]

20. Nivo Slider jQuery Plugin

jquery-image-slider-2012-019[1]

21. Fullscreen Background Slideshow jQuery

jquery-image-slider-plugin-2012-20[1]

23.A Beautiful Apple-style Slideshow Gallery With CSS & jQuery

Making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. It will be entirely front-end based, no PHP or databases required.

23.Image-slider-jquery-tutorial4[1]

VISIT THE DEMO

24.Making a Mosaic Slideshow With jQuery & CSS

24.Image-slider-jquery-tutorial4[1]

VISIT THE DEMO

25.Making A Slick Content Slider

A slick content slider for a computer shop, with the help of jQuery and the MopSlider plugin.

25.Image-slider-jquery-tutorial4[1]

VISIT THE DEMO

27. Easy Slider

easy-slider

28. Galleriffic

galleriffic

29. AD Gallery

ad-gallery

30. Sliding Boxes and Captions

sliding-boxes

31. jQuery Virtual Tour

virtual-tour

32. jQuery MB Gallery

mb-gallery

33. AnythingSlider

anything-slider

35. GalleryView

gallery-view

36. jCarousel

jcarousel

37. Easiest Tooltip and Image Preview

image-preview1

38. ThickBox

thickbox

39. SpaceGallery

space-gallery

40. s3Slider

s3slider

41. Simple Controls Gallery

simple-control

42. Pikachoose

pikachoose

43. jQuery Popeye

popeye

44. Supersized

supersized

45. imgBox

imgbox

46. Pirobox

pirobox

47. jQZoom

jqzoom

48. jQuery Superbox

superbox

49. jQuery Infinite Carousel

my-fame

50. Simple jQuery Image Slide Show with Semi-Transparent Caption

semi-trans

51. Moving Boxes

moving-boxes

52. LightBox

lightbox

53. SliderGallery

slider-gallery

54. FeaturedContent

featured-content1

55.InnerFade

inner-fade

56. jQuery Morphing Gallery

jmorph

57. A Simple jQuery Slideshow

As the first tutorial, you can take a look at this one to create a simple slideshow using jQuery, JavaScript and a bit of CSS.

1104

58. Create a Slick and Accessible Slideshow Using jQuery

This is an in-depth tutorial that help you to learn how to create a usable and web accessible slideshow widget for your websites using jQuery, HTML and CSS.

2104

60. Sliding Boxes and Captions with jQuery

In this jQuery tutorial you will learn how to create some sliding box animations that are based on the same basic idea. There is a div tag that essentially acts as a window where two other items of your choosing “peek” through.

414

61. Creating an Image Slider

In this jQuery tutorial the author is going to explain how to create a jQuery effect. When a holder is hovered over the top image slides down to reveal the image underneath. The author also explains how to use position absolute to float an image in the top right to show the image in new.

514

62. Create Beautiful jQuery slider tutorial

As a jQuery tutorial, this item would be really helpful when you need to create a beautiful jQuery sliders with image description and names.

614

63. Simple JQuery Image Slide Show with Semi-Transparent Caption

This jQuery tutorial would help you a simple image slide show with a semi-transparent caption. This would be really suitable to display news headlines.

714

64. Create a Simple Image Slide Show using jQuery

814

65. Slide and hide section with jquery

To create a perfect jQuery effect (just as like as you are seeing in the picture above) just visit their website to read that jQuery tutorial.

914

66. Making a Slideshow with jQuery

1014

67. jQuery – Creating a Slideshow

Learning this jQuery tutorial helps you to create a slideshow. Also you would be able to use the slideshow to display everything you like putting in HTML.

1114

68. Simple jQuery slideshows

Just another jQuery tutorial to create a simple jQuery slideshow.

1214

69. Creating a Slick Auto-Playing Featured Content Slider

Amazing tutorial that allows you to have kinds of fun way to show many content in a small area.

1614

70. How to add Slideshow to jQuery lightbox plugin

In this jQuery tutorial you will learn how to extend a jQuery lightbox plugin to have a slideshow.

3614

71. jQuery Slideshow Explained

3914

72. Supersized jQuery Plugin

1414

73. The Easiest jQuery Plugin For Sliding Images and Content

1514


74. GalleryView: A jQuery Content Gallery Plugin

1714

75. Image Flow

In fact Image Flow is inspired by Apple’s cover flow. The javascript renders the cover flow effect without any noticeable flaw. Keyboard navigation (arrow keys), mouse scroll and dragging is supported. Very cool script to use.

1814

76. S3Slider jQuery plugin

1914

77. EOGallery

2214


78. Smooth Div Scroll

2313

79. jQuery virtual tour

2413

80. Supersized – Full Screen Background/Slideshow jQuery Plugin

3113

81. Automatic Image Slider w/ CSS & jQuery

With the release of the iPad and its lack of support for flash, it has stirred up a lot of debates regarding the future of flash. With this in mind, I believe it is wise to build simple widgets like the image slider using HTML/CSS/Javascript, and leave more interactive applications for flash if needed.

jquery-image-slideshow-81

Visit Demo

82. Scrollerota jQuery Plugin

jquery-images-slideshow[1]

Demo | Download

83. The Slidorion Images Slideshow

A combination of an image slider and an accordion, the slidorion displays beautiful images along with a variable length description. With images linked to each tab, and accompanied by a large array of effects, the slidorion is a great alternative to the traditional jQuery slider.

jquery-images-slideshow-82[1]

Demo | Download

84. Create an Image Rotator with Description (CSS/jQuery)

1.Image-slider-jquery-tutorial_4[1]

DEMO

85.jQuery Image Gallery/News Slider with Caption Tutorial

2.Image-slider-jquery-tutorial4[1]

DEMO

86.Create a Slick and Accessible Slideshow Using jQuery

3.Image-slider-jquery-tutorial4[1]

87.Fancy Thumbnail Hover Effect w/ jQuery

4.Image-slider-jquery-tutorial4[1]

88.Simple JQuery Image Slide Show with Semi-Transparent Caption

5.Image-slider-jquery-tutorial4[1]

89.Slider Gallery

6.Image-slider-jquery-tutorial4[1]

90.Sliding Boxes and Captions with jQuery

Play around with animations of the sliding element to either show or cover up the viewing area, thus creating the sliding effect.

8.Image-slider-jquery-tutorial4[1]

91.Animate Panning Slideshow with jQuery

The makings of a classic slideshow, but use a different kind of transition to animate between slides. It may not fit every project, but diversity is always welcome in the world of web design.

9.Image-slider-jquery-tutorial4[1]

92.Create Beautiful jQuery Slider Tutorial

This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name.

10.Image-slider-jquery-tutorial4[1]

93.Create a Fancy Image Gallery with JQuery

11.Image-slider-jquery-tutorial4[1]

94.jQuery Infinite Carousel

Scrolling carousel that worked in the same way the carousel worked on the Apple Mac ads page. This tutorial will walk through the fundamentals of the effect and how to recreate it.

12.Image-slider-jquery-tutorial4

95.Coda Slider Effect

13.Image-slider-jquery-tutorial4[1]

96.Create Featured Content Slider Using jQuery UI

Using an auto-playing content slider is the one of techniques to show your featured content. It saves you space and makes for a better user experience, and if you add a pinch of eye candy to it, then there’s no looking back.

14.Image-slider-jquery-tutorial4[1]

97.Making a Content Slider with jQuery UI

Using the jQuery UI slider widget to create an attractive and functional content slide

15.Image-slider-jquery-tutorial4

98.Creating a Slick Auto-Playing Featured Content Slider

16.Image-slider-jquery-tutorial4[1]

99.Start/Stop Slider

The slider does feature a stop/start button and the animation goes a little farther than simply sliding to the left.

17.Image-slider-jquery-tutorial4[1]

100.ImageSwitch

The main point of this plug-in is to make an easy-to-use, simple and fast plug-in to create effect when you switch between images. Minimize the arguments you need to input and still give some decent effects.

posted @ 2012-06-16 03:05  shuaixf  阅读(628)  评论(0编辑  收藏  举报