G Scrolling Carousel
| Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
|---|---|---|---|---|---|---|---|---|---|---|
| Jcarousel | 2,026 |  | 27 | 5 | 3 years ago | 8 | July 15, 2019 | 22 | mit | HTML |
| Riding carousels with jQuery. | ||||||||||
| Widget | 1,611 | 14 days ago | mit | JavaScript | ||||||
| 基于jquery的插件库 - 轮播/标签页/滚动条/下拉框/对话框/搜索提示/城市三级联动/日历_A set of widgets based on jQuery | ||||||||||
| Tiny Swiper | 1,203 |  | 2 | 2 years ago | 31 | January 29, 2022 | 20 | mit | TypeScript | |
| Ingenious JavaScript Carousel powered by wonderful plugins. Lightweight yet extensible. Import plugins as needed, No more, no less. | ||||||||||
| Slider Pro | 871 |  | 16 | 2 | 8 months ago | 20 | June 15, 2021 | 36 | mit | JavaScript |
| A modular, responsive and touch-enabled jQuery slider plugin that enables you to create elegant and professionally looking sliders. | ||||||||||
| Morphext | 378 | 1 | 6 years ago | 2 | September 08, 2017 | 11 | other | HTML | ||
| A simple, high-performance and cross-browser jQuery rotating / carousel plugin for text phrases powered by Animate.css. | ||||||||||
| Jquery Scrollbox | 257 | 5 years ago | November 20, 2015 | 10 | mit | JavaScript | ||||
| A simple, lightweight jQuery plugin to scroll a list like carousel or traditional marquee. | ||||||||||
| Jquery Carousel Lite | 180 |  | 5 | 1 | 21 days ago | 2 | August 18, 2014 | 2 | mit | JavaScript |
| A jQuery carousel plugin based on jCarouselLite by Ganeshji Marwaha | ||||||||||
| Bootstrap Touch Carousel | 161 | 4 | 8 years ago | 1 | December 16, 2015 | 25 | mit | JavaScript | ||
| [Not maintained] A drop-in perfection for Twitter Bootstrap's Carousel (v3) to enable gestures on touch devices | ||||||||||
| Agile Carousel | 156 | 11 years ago | 31 | JavaScript | ||||||
| JQuery Slideshow/Carousel Plugin | ||||||||||
| Bootstrap Modal Carousel | 125 | 1 | 8 years ago | March 27, 2015 | 9 | mit | HTML | |||
| A set of plugins to display a carousel into a fullscreen modal box | ||||||||||
Alternatives To G Scrolling CarouselSelect To Compare
Alternative Project Comparisons
Readme
g-scrolling-carousel
A Google like jQuery scrolling carousel plugin.
Why
Because there wasn't any jQuery carousel plugin with the functionality that I needed.
Example
Default options
{
scrollAmount: 'viewport',
mouseScrolling: true,
draggable: true,
snapOnDrag: true,
mobileNative: true,
}
How to use
<html>
<head>
<link href="jquery.gScrollingCarousel.css" rel="stylesheet" />
<style>
body{
padding: 5px 13px;
}
.g-scrolling-carousel {
width:607px;
margin: 0 auto;
}
.g-scrolling-carousel .items > *{
min-height:96px;
margin-right:10px;
}
.g-scrolling-carousel .items a:last-child{
margin-right:0;
}
</style>
</head>
<body>
<div class="g-scrolling-carousel carousel">
<div class="items">
<a href="http://example.com" target="_blank"><img src="https://picsum.photos/seed/1/144/96"></a>
<a href="http://example.com" target="_blank"><img src="https://picsum.photos/seed/2/144/96"></a>
<a href="http://example.com" target="_blank"><img src="https://picsum.photos/seed/3/144/96"></a>
<a href="http://example.com" target="_blank"><img src="https://picsum.photos/seed/4/144/96"></a>
<a href="http://example.com" target="_blank"><img src="https://picsum.photos/seed/5/144/96"></a>
<a href="http://example.com" target="_blank"><img src="https://picsum.photos/seed/6/144/96"></a>
<a href="http://example.com" target="_blank"><img src="https://picsum.photos/seed/7/144/96"></a>
<a href="http://example.com" target="_blank"><img src="https://picsum.photos/seed/8/144/96"></a>
<a href="http://example.com" target="_blank"><img src="https://picsum.photos/seed/9/144/96"></a>
<a href="http://example.com" target="_blank"><img src="https://picsum.photos/seed/10/144/96"></a>
<a href="http://example.com" target="_blank"><img src="https://picsum.photos/seed/11/144/96"></a>
<a href="http://example.com" target="_blank"><img src="https://picsum.photos/seed/12/144/96"></a>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
<script src="jquery.gScrollingCarousel.js"></script>
<script>
$(document).ready(function(){
$(".g-scrolling-carousel .items").gScrollingCarousel({
scrollAmount: 'viewport',
mouseScrolling: true,
draggable: true,
snapOnDrag: true,
mobileNative: true,
});
});
</script>
</body>
</html>
Popular Plugin Projects
Popular Carousel Projects
Popular Libraries Categories
Related Searches
Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Html
Plugin
Google
Jquery
Scrolling
Carousel