Angular and JQuery Cycle 2 Carousel Collision

Question

I'm trying to incorporate JQuery Cycle 2's carousel functionality into an angular app. Everything works fine when I drop the images in the <div class="carousel">, but when I use data-ng-repeat to list out the images from JSON, the carousel function doesn't fire.

I suspect this is a timing issue, but not sure and not sure how to fix it.

If you can mock this up in http://jsfiddle.net it'll help. You might also see if the carousel provided by the Angular team works for you: http://angular-ui.github.io/bootstrap/ Since it's done by the Angular team you might find it integrates better. — KayakDave, Oct 23 '13 at 18:01
@KayakDave thanks for the link. I looked into angular bootstrap but decided to go with my answer below. — symlink, Dec 21 '13 at 20:16

score 0 · Answer 1 · answered Mar 13 '15 at 19:16

0

try to use cycle slideshow add function :

$('.cycle-slideshow').cycle('add', '<img src="'+value+'">');

answered Mar 13 '15 at 19:16

Luuk Skeur

1,900
1
16
31

score -1 · Accepted Answer · answered Dec 21 '13 at 20:23

-1

So, I ended up going outside of Angular and using PHP to draw the images. A lot easier in the shortrun to not rely on Angular for everything :P

answered Dec 21 '13 at 20:23

symlink

11,984
7
29
50

Angular and JQuery Cycle 2 Carousel Collision

2 Answers2