wlada / angular-carousel-3d Goto Github PK
View Code? Open in Web Editor NEWAngular Carousel 3D
License: MIT License
Angular Carousel 3D
License: MIT License
Is it somehow possible to skip to the selected image? E.g. while implementing dots navigation.
How can I get the current position of the carousel ?
Hi,
I have a problem :
TypeError: carousel.getOuterHeight is not a function at handleReject (carousel-3d.js:105) at processQueue (angular.js:17145) at angular.js:17193 at Scope.$digest (angular.js:18331) at Scope.$apply (angular.js:18628) at done (angular.js:12619) at completeRequest (angular.js:12863) at XMLHttpRequest.requestLoaded (angular.js:12780) "Possibly unhandled rejection: {}"
I'm using in : https://github.com/Teledji/balDesSorciersWebsiteFront (Stage)
-> html : activities.html
-> controller: activities.js
-> app.js
Do you know why ? It's me ? Or it's a bug from your component ?
Thanks !
Axel.
If i have in my view:
<div ng-controller="CarouselController">
<div carousel3d ng-model="arrayOfObjects"></div>
</div>
And in the controller:
$scope.arrayOfObjects = [
{src: ''souce_url'},
{src: ''souce_url'},
{src: ''souce_url'},
];
Why could happen this error in console?
*Notes:
-Controller is working well.
-Array is visible in view.
-Array is not empty.
Hello ,i try to run demo code,and add options "clicking:true",There are actions that do not meet expectations, the $interval.cancel(vm.autoRotation); in function slideClicked not run ใ
when i click photo, it create new $interval but the old on not cancel.....
I want this carousel 3d for angular 2, Can you please provide the same for angular 2
I dont want to use image in carousel..
I was playing with the plugin and sometimes it's showing an error.
Below is the error.
TypeError: Cannot read property 'attr' of undefined at render (carousel-3d.js:206) at init (carousel-3d.js:173) at carousel-3d.js:84 at angular.js:17855 at completeOutstandingRequest (angular.js:5507) at angular.js:5784
Hello,
I'm trying to implement angular carousel into my Wordpress. I've managed to add js scripts but can't make it working. I've added demo.js from your demo site, initializing html and images but I can't make it shwo up. Could someone take a look at my website?
Hello Vladimir,
Could you please help me in making Angular carousel 3d to make it mobile responsive.
Thanks.
Hi,
I have been experiencing issues when adding a object that has a circular reference to itself as the model. Since my project does not do complicated things with the carousel, I found that a quick solution could be to remove the model scope watch function. All the functionalities work when I remove the model from the watch function and the angular bug with overflow is resolved.
Line 81 -> $scope.$watch('[ vm.options]', init, true);
Could this be added as a parameter e.g. IgnoreModelWatch -> $scope.$watch(IgnoreModelWatch ?'[ vm.options]' "'[vm.model, vm.options]', init, true); ??
Not sure if this is a "feature" or a bug, but if you click on a slide that is not immediately next to the one in the middle, you get multiple slides with the class current. It would make sense to always have a single "current" slide.
This is the line that is causing this bug: https://github.com/Wlada/angular-carousel-3d/blob/master/dist/carousel-3d.js#L270. Instead of only iterating over the leftSlides we want to iterate over all the slides to remove the class from all of them.
<carousel3d ng-model="modelArray"> <carousel3d-slide ng-repeat="slide in slides track by $index"> </carousel3d-slide> </carousel3d>
on-selected-click - work only from "carousel3d ", which way i can pass active slide into my function?
If on-selected-click write into <carousel3d-slide on-selected-click="function(slide)">
it does not work
The js for this plugin has stopped working. I am facing the same error as the opne in codepen below:
https://codepen.io/Wlada/pen/QdPvjp
There is a line of code that is evaluating the value for the border to be equal to params.border || 5, since parms.border is 0 then the expression evaluates to 5.
hi, appreciate your directive thay allow me to build 3D carousel.
any attribute to make the carousel slide automatically after given seconds?
If I know index and want to animate slider to this index how do I go about doing so?
Hey, i see in carousel-3d.js the getSlides function, how i can use?
First of all thanks for this plugin.
I have a list of images and i am able to use this plugin to some extent. I have a need that i should be able to set the foreground image dynamically from the code.
Let's say i have an array of images $scope.arr = [{1},{2},{3},{4}]
. So here the default image will be the first item ({1}
) in the array. But i want to change the first image, which will show as a foreground image to the {3}
from the code dynamically, without changing the order of the objects in the array.
And also the images in the array are showing from middle to left and then to right. Can we show the images in the following order?
middle, right, right+1, left+1, left etc..
How can i do that? could you please guide me on this?
i wan to prevent the slide to the next, but the mothod beforeChange can not prevent it. how can solve this problem ?
Could you please make this package npm available please?
Interval #23
The $interval is maybe overlapping.
Please add the following in Line 203:
if (vm.autoRotation != null) {
$interval.cancel(vm.autoRotation);
}
It could belong to #37
It would be really nice if both options existed, one where you can keep going to the next slide forever (you just keep looking through your slides), and the other where you run out of slides and all of the slides are either to the left or right or the current side.
angular-swipe.js
angular-carousel-3d.js
nowhere to be found after bower install.
Hi, I need to implement the controls functionality to a button using constrols:false. if I call goNext() on ng-click it's not working.How can i call the goNext() or goPrev() ?
Thank you for creating this wonderful library! I am trying to use this carousel to play some videos, as other media (jpg, gif, work wonderfully).
I have tried multiple ways of incorporating a video, any help would be apprecaited
nvm, I am an idiot!
Not sure is anyone is out there, but swiping doesn't seem to work. Just go to the demo page and try and swipe the image version. Almost like swiping it being interpreted as a drag an drop.? Any ideas on how to get the swipe to work? Cheers
I ran into two issue while initializing the carousel
my HTML is
<div class="slider-wrapper">
<carousel3d class="slides" ng-model="homePageProducts" > <!-- BEGIN CAROUSEL -->
<carousel3d-slide class="slideItem" ng-repeat="homePageProduct in homePageProducts track by $index"> <!-- SLIDE ITEM -->
<figure>
<img ng-src="{{homePageProduct.featured_image_thumbnail_url.full}}">
</figure>
</carousel3d-slide>
</carousel3d>
</div>
angular.js:13708 TypeError: Cannot read property 'startSlide' of undefined
angular.js:13708 TypeError: t.getOuterHeight is not a function
Please any help would be really appreciated.
Toggle carousel slide change loop on mouseover and mouseout
One more feature I am waiting for.
Is there any arrow functionality in current slider.
I want to change slides using next/prev arrows.
Hello,
I'm using Angular 1.4.7 and since your last commit, I can't install my bower dependancies because of the new version of angular required.
It's possible to publish a tag for the previous version of angular ?
I can't upgrade my Angular version on my project.
Thanks.
I have some business logic in my controller to determine which slide be the beginning one? There is no UI but should happen in background? How do you do that?
Hi Guys,
there is one request I want and one bug I want to report.
First, the bug:
Interval is being created without removing it when page change.
I would probably solve it in $destroy event and remove the interval or something.
It would be great if you can fix it.
Second, is there a way to communicate with the carousel. I want to start the carousel with automatic loop and stop and resume it on user behaviour. if he clicks on something or hover the carousel.
Waiting for your reply.
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.