zoukankan      html  css  js  c++  java
  • 45个炫酷的jquery图片滚动插件

    1. Agile jQuery Carousel

    Highly customizable jQuery Carousel plugin so you can build according to your requirements. JSON data format is used to provide easier integration with external data or data from your CMS. Use it for agile web development. This is an all new version written from scratch. JQuery UI effects and the ability to read files on the server are no longer included. New features are added, such as “Control Sets” which allow for a more customizable setup. Now posted on Github for faster development. Agile jQuery Carousel examples.

    Agile jQuery Carousel

    2. Step jQuery Carousel Viewer

    Step jQuery Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific panel on demand, or browse the gallery sequentially by stepping through x number of panels each time. A smooth sliding animation is used to transition between steps. And fear not in taming this script to go exactly where you want it to- two public methods, two custom event handlers, and three “status” variables are here for that purpose.

    step jquey carousel

    3. jCarousel Lite

    jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. Put simply, you can navigate images and/or HTML in a carousel-style widget. It is super light weight, at about 2 KB in size, yet very flexible and customizable to fit most of our needs.

    jquey carousel, jcarousel

    4. jQuery Infinite Carousel Plugin

    Unlike most carousel plugins which stop when they get to the last image, this one allows the show to go on infinitely without any user intervention.
    If you have three images you want to display, after the third image has been displayed, the first image will be next. Through some clever JavaScript, images are shuffled around so that it appears as if the carousel is a true carousel and never ends.

    infinite jquey carousel

    5. jQuery Carrousel

    Moodular is a jQuery plugin which allows to create carousel/slider very easily. Moodular comes from the contraction of two words : mood & modular.

    jquey carousel

    6. jMyCarousel

    jMyCarousel is a free, highly customizable, non obstructive carousel written in javascript, based on jquery, and created to suit any need. It enables to display a list or gallery of images in a dynamic way. It can be adapted very easily to any layout, and the way it animates the picture is adaptable.

    jquey carousel, Jmycarousel

    7. Rcarousel

    rCarousel – yet another (but super duper) continuous jQueryUI carousel. It has lots of features and good examples.

    jquey carousel, Rcarousel

    8. Theatre Carousel

    This jQuery Carousel can do both horizontal and vertical sliders and in particular the horizontal  carousel looks awesome. Really simple to use and it has good control options.

    Theatre Carousel

    9. Cloud Carousel

    This jQuery carousel features optional auto-reflections, and the information contained in the Alt and Title tags of the images can optionally be displayed as you hover over each image.

    There are some benefits to doing this kind of thing in JavaScript rather than Flash, not least of which is the ease of integration, small file size, SEO, and inherent degradability/accessibility. Not having another dev-tool in the workflow is another plus.

    The carousel features realistic perspective. Many 3d carousels only apply perspective scaling to the size of the images, not their positions. This results in disproportionate gaps appearing between items as they shrink in the distance which looks odd.

    Cloud Carousel

    10. jQuery Ms Carousel

    Each carousel can have own look & feel and behavior. Put next/previous button wherever you want or don’t put anywhere its up to you. The most important part is; it returns a carousel object and do whatever you want.

    jquery Ms Carousel

    11. Carousel WordPress Plugin

    This is is an awesome and very powerful jQuery Carousel for WordPress. Really suggest you check it out if you use WordPress.

    Carousel WordPress Plugin

    12. BX Slider

    55m4

    13. Floom (MooTools)

    Floom is an extendible blinds-like slideshow widget for MooTools 1.3+.

    image

    14. RoundAbout for jQuery – cool and different jQuery Carousel

    Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area.

    RoundAbout for jQuery

    15. Roundabout Shapes

    Roundabout Shapes provide even more paths along which your Roundabout can move. The current version of Roundabout Shapes offers eleven additional movements.

    55m10

    16. Wow Slider

    WOW Slider is a jQuery image slider with stunning visual effects (Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns) and tons of professionally made templates. WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing.

    Wow Slider

    17. Icarousel

    Carousel is an open source (free) javascript tool for creating jQuery carousel like widgets

    iCarousel - Horizontal images slider

    18. Carousel Slideshow

    Carousel Slideshow is a fabulous DHTML script for the showcasing of images on your site. It displays images in a 3D, carousel fashion.

    55m14

    19. Carou Fredsel

    55m19

    20. jQuery Carousel plugin

    This plugin has been rewritten using jQuery UI’s Widget Factory with a few extra features including autoScroll

    jQuery Carousel plugin

    21. Making Mosiac Slideshow with jQuery and CSS

    Making Mosiac Slideshow with jQuery and CSS

    22. Barousel

    Barousel is a jQuery plugin to easily generate simple carousels where each slide is defined by an image + any type of related content.

    Barousel is a jQuery plugin

    23. 3d Carousel

    55m30

    24. Anything Slider

    anything slider

    25. jDigiclock slider

    55m24

    26. Dual slider

    55m25

    27. Liquid Carousel

    55m27

    28. slides

    Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.

    Slides is a slideshow plugin for jQuery

    29. FBISCarousel

    55m32

    30. jCarousel

    55m2

    31. Feature jQuery carousel

    55m28

    32. K3d jQuery Carousel

    55m16

    33. Prototype UI Carousel

    Prototype

    34. 3d Rotation Viewer

    This cool stuff easily creates a 3D rotation viewer in UIZE that lets users rotate the view of an object a full 360 degrees using a mouse, or finger on the Apple iPad.

    image

    35. Full Page Image Gallery with jQuery

    This is a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. This works with thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse. When a thumbnail is clicked, it moves to the center of the page and the full screen image is loaded in the background. Now the user can move up and down and the image will get scrolled automatically, giving him the opportunity to see all of the image.

    image

    36.HTML5 Slideshow w/ Canvas and jQuery

    This effect creates progressively enhanced slideshow with a fancy transitioning effect.

    image

    37. How to Create a jQuery Carousel with WordPress Posts

    how-to-create-with-wordpress-posts-jquery-carousel-plugins-resources-tutorials-examples

    38. jQuery Carousel Gallery for WordPress

    This plugin builds on the builtin WordPress gallery, and replaces any gallery inserted using the tag with a neat jQuery powered carousel. By carousel it means you can browse through all the pictures in the gallery and they’ll slide from the right to the left and seamlessly start over at the end.

    jQuery Carousel Gallery for WordPress

    39. Making an infinite JQuery carousel

    Making an infinite JQuery carousel

    40. Just Another Carousel

    image

    41. Supersized jQuery plugin

    Supersized jQuery plugin is a full screen background and slideshow that you can use to satisfy the craving of your clients for big and wonderful pictures.

    image

    42. Avia Slider

    This plugin features 8 unique transition effects, image preloader, autoplay that stops on user interaction and lots of easy to set options to create your own effects.

    image

    43. Thumbnails Navigation Gallery with jQuery

    Thumbnails Navigation Gallery with jQuery is an extraordinary gallery with scrollable thumbnails that slide out from a navigation. It has a menu of albums where each item can reveal a horizontal bar with thumbnails when clicked. The thumbnails container will scroll automatically when the user moves the mouse to the left or the right.

    image

    44. Sideways – Fullscreen Gallery

    Sideways is a simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS.

    image

    44. Nivo Slider

    Nivo slider is an awesome jQuery slider that features smooth transition, keyboard navigation and html captions.

    image

    45. JCoverflip

    jCoverflip has been developed to enable fast and granular customization of the look and feel and feature set.

    image

  • 相关阅读:
    javascript 中数字计算精度缺失问题
    javascript闭包
    MySQL数据库的创建
    原生项目使用 sass
    git工具命令
    如何将你的node服务放到线上服务器
    Cookie、Session、Token 的区别
    东北师大-构建之法-2020秋最终成绩(并非期末成绩)
    20201220-东北师范大学-助教-周总结-第14次
    东北师范大学-构建之法-20201207作业成绩
  • 原文地址:https://www.cnblogs.com/triggor/p/2423287.html
Copyright © 2011-2022 走看看