Comments (6)
I have added data-ride="carousel" or data-wrap="false" and those aren't reflected. The only one that seems to work in html is data-interval.
from material.
Hi, well it works in my fork (https://djibe.github.io/material/docs/4.6/components/carousel/)
from material.
Hi @djibe, I've tried your carousel example with no luck as well. Is it possible I'm missing something outside of just the html? It's strange that certain options work while others don't.
from material.
Apart from bootstrap.bundle.min.js, you just need data-attributes or control with JS.
Does your console show an error loading scripts ?
from material.
Yea I've included a script tag for bootstrap in index.html, the carousel will only cycle after user clicks next/prev then clicks away from carousel.
from material.
Hi guys, I added this to my component.ts page for this html and it fixed my issue.
$(document).ready(function() {
// @ts-ignore
$('.carousel').carousel({
interval: 5000,
ride: 'carousel',
touch: true
});
});
from material.
Related Issues (20)
- Has this project been abandonned? HOT 3
- Update or destroy instance of date picker HOT 1
- Update datepicker plugin HOT 3
- Datepicker is broken on the sample page. HOT 7
- Not possible to have link ont left AND right navbar HOT 3
- Material Icons variants HOT 3
- Argument `$map` of `map-get($map, $key)` must be a map HOT 2
- date pickers -> change the language HOT 4
- djibe fork HOT 5
- Make Buttons ripple effect smoother HOT 9
- How to set dark theme HOT 3
- Floating label is cut off at bottom HOT 3
- Error when loading the js file! HOT 2
- Update to latest bootstrap v5.0.1 HOT 2
- Abandoned HOT 5
- navdrawer is not a function HOT 3
- Auto close the navdrawer on navigation to other link HOT 1
- Next/Previous buttons not working in web, angular 14. HOT 1
- Changing the default color for controls HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from material.