selvagsz / ember-carousel Goto Github PK
View Code? Open in Web Editor NEWAn ember addon for carousel component
Home Page: http://selvagsz.github.io/ember-carousel
License: MIT License
An ember addon for carousel component
Home Page: http://selvagsz.github.io/ember-carousel
License: MIT License
This flag in component don't working... transitionInterval
Your dummy app put seconds of transition in CSS.
Basically an option that stops the slide, and disables the next/previous button if you have reached the last item in the carousel.
I'm not sure if this is an issue with npmjs.org
or some config problem with this project, but figured you'd want to know that the example on npmjs.org is from an older version of the README. It shows
{{#carousel-container transitionInterval=400}}
{{#carousel-body}}
{{#carousel-item}}
Emberjs
{{/carousel-item}}
{{#carousel-item}}
Reactjs
{{/carousel-item}}
{{#carousel-item}}
Angularjs
{{/carousel-item}}
{{/carousel-body}}
{{#carousel-arrow direction="left" tagName="button"}}
Slide Left
{{/carousel-arrow}}
{{#carousel-arrow direction="right" tagName="button"}}
Slide Right
{{/carousel-arrow}}
{{/carousel-container}}
instead of the contextual syntax.
carousel-container transition-interval=100 not working. I set the transition-interval to 100, so expecting to change the image in 100 milli sec. But images are not changing till manually click on right and left button.
Trying to use this with 2.10 (Which includes Glimmer 2) and I get this error message:
Assertion Failed: You modified isActive twice on <...carousel-item> in a single render. This was unreliable and slow in Ember 1.x and is no longer supported. See
emberjs/ember.js#13948 for more details.
It looks like this relied on a deprecated pattern of setting values while the component was still rendering and now, with Glimmer 2 in 2.10, that deprecated pattern has been wholly prevented which prevents ember-carousel from working.
If you put anything other than an <img>
into the {{carousel-item}}
block, you get the A helper named 'carousel-container' could not be found
error.
More complicated example:
In this example, the <a>
throws the error.
Hey there,
Does this addon support loading additional objects to the carousel dynamically? For my use case, I would like to add an item to the carousel as they are appended to a list. Currently I am seeing the below error if the carousel is rendered and an item is appended to the list for it to display:
"Assertion Failed: Cannot update watchers for isActive
on <app@component:carousel-item::ember3062>
after it has been destroyed."
Cheers
Master has some features and dep fixes that fix ember-cli deprecations.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.