slider Archives - csshint - A designer hub https://csshint.com/category/slider/ Sun, 19 Feb 2023 14:24:31 +0000 en-US hourly 1 https://wordpress.org/?v=6.3.4 Top 10 : jQuery Carousel https://csshint.com/jquery-carousel/ Tue, 22 Oct 2019 17:07:17 +0000 http://csshint.com/?p=1299 Latest Collection of free jQuery carousel code examples and plugins. 1. Agency website POC Author Jamie Coulter Made with Html(haml) / CSS(SCSS) / Js(Babel) demo and code Get Hosting 2. Mouse driven carrousel concept See the Pen Mouse driven carrousel concept by web-tiki (@web-tiki) on CodePen. Author web-tiki Made with Html / CSS / Js […]

The post Top 10 : jQuery Carousel appeared first on csshint - A designer hub.

]]> Latest Collection of free jQuery carousel code examples and plugins.

1. Agency website POC

jQuery Carousel

Author

  • Jamie Coulter

Made with

  • Html(haml) / CSS(SCSS) / Js(Babel)

demo and code Get Hosting

2. Mouse driven carrousel concept

Author

  • web-tiki

Made with

  • Html / CSS / Js

demo and code Get Hosting

3. Variable Fonts Experiment

Author

  • Supremo

Made with

  • Html / CSS / Js

demo and code Get Hosting

4. Camera Showroom – Date 8 (24 days of animation)

jQuery Carousel
jQuery Carousel

Author

  • januaryofmine

Made with

  • Html / CSS(SCSS) / Js

demo and code Get Hosting

5. Horizontal Scroll – Spotify Style

Author

  • Kilian So

Made with

  • Html(Pug) / CSS(SCSS) / Js

demo and code Get Hosting

6. Testimonial Carousel Design

Author

  • FinByz Tech Pvt. Ltd.

Made with

  • Html / CSS / Js

demo and code Get Hosting

7. horizontal to vertical SWIPER SLIDER

Author

  • Mehul Rojasara

Made with

  • Html / CSS / Js

demo and code Get Hosting

8. Custom Carousel

Author

  • Collin Smith

Made with

  • Html(Pug) / CSS(Stylus) / Js

demo and code Get Hosting

9. Simple photo carousel

Author

  • Alex Bratsos

Made with

  • Html / CSS(SCSS) / Js(Babel)

demo and code Get Hosting

9. Simple photo carousel

Author

  • Alex Bratsos

Made with

  • Html / CSS(SCSS) / Js(Babel)

demo and code Get Hosting

10. OWL CAROUSEL SLIDER

OWL CAROUSEL SLIDER

Author

  • OwlCarousel2

Made with

  • Html / CSS / Js

demo and code Get Hosting

11. Ken Wheeler slider

Ken Wheeler slider

Author

  • Ken Wheeler

Made with

  • HTML / CSS / JS

demo and code Get Hosting

The post Top 10 : jQuery Carousel appeared first on csshint - A designer hub.

]]> 11+ Responsive owl carousel example’s https://csshint.com/11-responsive-owl-carousel-examples/ Sun, 29 Apr 2018 07:42:04 +0000 http://localhost/css/?p=65 owl carousel is a Touch enabled jQuery plugin that lets you create beautiful responsive carousel / slider / testimonial and much more. It has other cool features like these: Fully Customisable, Touch and Drag Support, Fully Responsive, Modern Browsers, Zombie Browsers, Modules and Plugins. The Owl Carousel particle is based on the open source project. […]

The post 11+ Responsive owl carousel example’s appeared first on csshint - A designer hub.

]]> owl carousel is a Touch enabled jQuery plugin that lets you create beautiful responsive carousel / slider / testimonial and much more. It has other cool features like these:

Fully Customisable, Touch and Drag Support, Fully Responsive, Modern Browsers, Zombie Browsers, Modules and Plugins.
The Owl Carousel particle is based on the open source project. The following people have contributed to this plugin.

Owl Carousel has been tested in following browsers/devices:
Chrome
Firefox
Opera
IE7/8/10/11
iPad Safari
iPod4 Safari
Nexus 7 Chrome
Galaxy S4
Nokia 8s Windows8

so if you are planning to add slider or testimonials to your website or blog i highly recommended for owl carsousel. because Owl Carousel is my favorite jQuery carousel slider.

here we have picked some owl carsousel slider examples. you can easily download and use according your need.

1.Owl Carousel stage slider

See the Pen Owl Carousel stage slider by Clark Wimberly (@clarklab) on CodePen.

Demo   download Get Hosting

2.Coverflow effect slider with owl carousel

See the Pen Coverflow effect slider with owl carousel by Webévasion (@Webevasion) on CodePen.

Demo   download Get Hosting

3.Owl Carousel – Full width/height with custom navigation

See the Pen Owl Carousel – Full width/height with custom navigation by Ingvi Jonasson (@ingvi) on CodePen.

Demo   download Get Hosting

4.Owl Carousel with Data Attributes

See the Pen Owl Carousel with Data Attributes by bloo apple (@blooapple) on CodePen.

Demo   download Get Hosting

5.Owl Carousel fullwidth slide transition

See the Pen Owl Carousel fullwidth slide transition by Baek Hyun (@altro-nvp2) on CodePen.

Demo   download Get Hosting

6.getting active index, loading json via callback

See the Pen Responsive Owl 2 Carousel Slider, getting active index, loading json via callback by Andre (@ingomc) on CodePen.

Demo   download Get Hosting

7.owl-carousel

See the Pen owl-carousel by waracci (@waracci) on CodePen.

Demo   download Get Hosting

8.owl carousel slider

See the Pen owl carousel slider by shamim khan (@shamim539) on CodePen.

Demo   download Get Hosting

9.Owl Carousel 2 Equal Heights (css only)

See the Pen Owl Carousel 2 Equal Heights (css only) by Bryan Willis (@bootstrapped) on CodePen.

Demo   download Get Hosting

10.Owl Carousel – Single Slide / Caption Overlay

See the Pen Owl Carousel – Single Slide / Caption Overlay by WebDevStudios (@webdevstudios) on CodePen.

Demo   download Get Hosting

11.Owl Carousel 2 sync demo with loop/autoplay

See the Pen Owl Carousel 2 sync demo with loop/autoplay by Washaweb (@washaweb) on CodePen.

Demo   download Get Hosting

I hope this post will help you to create beautifull and responsive slider. Thanks and keep visting 🙂

The post 11+ Responsive owl carousel example’s appeared first on csshint - A designer hub.

]]>