skdslider - Jquery full width image slider

  •        87

Jquery full width image slider

https://github.com/samirkumardas/skdslider

Tags
Implementation
License
Platform

   




Related Projects

hooper - 🎠 A customizable accessible carousel slider optimized for Vue

  •    Javascript

Vue.js carousel component, optimized to work with Vue. If you are using PurgeCSS, make sure to whitelist hooper css When importing hooper/dist/hooper.css.

FlexiColorPicker - A pure JavaScript color picker - no images, external libraries, CSS or 1px divs.

  •    Javascript

FlexiColorPicker is based on HSV color model. The only two parts of the color picker are therefore the slider for selecting hue value and the picker for selecting saturation and value. Both the slider and picker are HTML elements (usually <div>'s) that serve as wrappers for SVG/VML gradient rectangles. The slider gradient rectangle represents the hue value (gradient with 9 stop-colors). The two overlapping black and white gradient rectangles of the picker represent the saturation and value values. The top level elements (<svg> in case of SVG enabled browser and <div> in case of VML enabled browser) that wrap each of the slider and picker gradient rectangles have set width and height to 100% which means that the color picker components (slider and picker) adjust themselfs automatically to the dimensions of the slider and picker HTML elements. This is the no-hassle form of creating the color picker. This is the recommended call.

Sharepoint Carousel

  •    Javascript

Sharepoint Carousel\Slider is a webpart that allows you to have a carousel that contains an image with a link below it. it is fully customisable from styles to the actual javascript that generates the slider data it has currently only been tested with sharepoint 2010 ...


glide - A dependency-free JavaScript ES6 slider and carousel

  •    Javascript

Glide.js is a dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more

AnythingSlider - A jQuery Slider plugin for anything.

  •    CSS

Just what the world needs, another jQuery slider. YAWN. I know, check this one out though, it's got lots of cool features. Here on CSS-Tricks, I've created a number of different sliders. Three, in fact. A "featured content" slider, a "start/stop slider", and "moving boxes". Each of them had some cool interesting feature that I needed to build at the time. All were well-received, but as is the case with these things, people want them to do X, Y, and Z in addition to what they already did. This new AnythingSlider is an attempt at bringing together the functionality of all of those previous sliders and adding new features. In other words, to create a really "full featured" slider that could be widely useful. This is the first time (on CSS-Tricks) that one of these sliders is an actual plugin as well, which should make implementing it and customizing it much easier.

ResponsiveSlides.js - Simple & lightweight responsive slider plugin (in 1kb)

  •    Javascript

ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using elements inside a container. It has been used on sites like Microsoft's Build 2012 and Gridset App. ResponsiveSlides.js works with wide range of browsers including all IE versions from IE6 and up. It also adds CSS max-width support for IE6 and other browsers that don't natively support it. Only dependency is jQuery (1.6 and up supported, tested up to 1.8.3) and that all the images are the same size. Biggest difference to other responsive slider plugins is the file size (1.4kb minified and gzipped) + that this one doesn't try to do everything. ResponsiveSlides.js has basically only two different modes: Either it just automatically fades the images, or operates as a responsive image container with pagination and/or navigation to fade between slides.

SliderAwesome - A slider plugin full of various effects and styles that allows any customization

  •    Javascript

SliderAwesome is a quite awesome slider plugin full of various effects and styles that allows any customization.

react-slick - React carousel component

  •    Javascript

For all available props, go here. This project exists thanks to all the people who contribute. [Contribute].

Sequence - The responsive CSS animation framework for creating unique sliders, presentations, banners, and other step-based applications

  •    Javascript

The responsive CSS animation framework for creating unique sliders, presentations, banners, and other step-based applications. Sequence.js provides all of the JavaScript functionality you need for step-based applications such as sliders and presentations, allowing you to concentrate on producing your content with style.

iosslider - iosslider is a jQuery plugin which allows you to integrate a customizable, cross-browser content slider into your web presence

  •    Javascript

iosslider is a jQuery plugin which allows you to integrate a customizable, cross-browser content slider into your web presence. Designed for use as a content slider, carousel, scrolling website banner, or image gallery. iosslider may work in earlier versions of browsers listed, but are not supported at this time.

react-id-swiper - A library to use idangerous Swiper as a ReactJs component.

  •    Javascript

Swiper is not compatible with all platforms, it is a modern touch slider which is focused only on modern apps/platforms to bring the best experience and simplicity.

Ideal-Image-Slider-JS - Quite simply the ideal Image Slider in vanilla JS.

  •    Javascript

Ideal Image Slider is written in vanilla JS and has no dependancies.Next you need to include the CSS file in the <head> section of your HTML and you need to include the script before the </body> tag in your HTML. Note you can optionally include a theme CSS file in the <head> too.

Morphext - A simple, high-performance and cross-browser jQuery rotating / carousel plugin for text phrases powered by Animate

  •    HTML

A jQuery plugin for creating text-based carousels, rotating small or large pieces of text one after the other, just like a slider does with images... This can be a great tool for displaying catch phrases, mission statements, tag lines, and so on. If you would like to achieve a similar effect with more flexibility (e.g. out animation) and with HTML objects rather than text phrases (e.g. unordered list items), please check out Morphist.

vue-carousel - A flexible, responsive, touch-friendly carousel for Vue.js

  •    Javascript

WARNING: vue-carousel is at pre-alpha stage of development and may undergo significant changes. Feel free to submit issues and feature requests here.

vue-carousel-3d - Vue Carousel 3D - Beautiful, flexible and touch supported 3D Carousel for Vue.js

  •    Javascript

Feel free to submit issues and feature requests here. This will make <carousel-3d> and <slide> available to all components within your Vue app.

jquery-ui-carousel

  •    JQuery

jQuery RS Carousel is a responsive and touch-enabled carousel written on top of jQuery and the jQuery UI Widget Factory providing a full and familiar API in less than 2.6kB minified and gzipped

react-native-slider - A pure JavaScript <Slider> component for react-native

  •    Javascript

A pure JavaScript <Slider> component for react-native. This is still very much a work in progress, ideas and contributions are very welcome. It is a drop-in replacement for Slider.





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.