I have no idea where to start???

valandor062 · November 7, 2013, 6:29pm

Okay,

I’m not looking for anyone to code this for me, I just need to know where to start with this.

I will have a twitter bootstrap slider on my page. In order for it to know which slide to show it adds a css class of active to it’s div. What I want to do is have a child div I will use for animation inside that slide. I would figure checking for a change to the parent class and see if it contains the new class of active so the animation will run when ever the slide it shown would be the best option.

I can create the animation on an document.ready function so really telling it when to run the animation is really the last step I’m needing to complete and I have no idea if I’m even going about it the right way. Any help would be greatly appreciated.

phphelp · November 8, 2013, 2:34pm

Take a look at some of the Twitter Feeds other’s created here…

Most of them are done in jquery/javascript, so you can easily see the code, since it runs client side and learn from them for the effect you’re looking for.

valandor062 · November 10, 2013, 2:58pm

Thank you sir Admin! I’ve been trying to figure out a good way to learn it. I’ve spent a lot of time on google and keep coming up with stackoverflow stuff from 3-4 years ago. It wouldn’t seem like a lot has changed in such a short time period but I know it has, and I prefer efficient that functions than just functioning code.

valandor062 · November 10, 2013, 7:56pm

I think I have found my answer.

$('#myCarousel').bind('slid',function(){

});

Inside this I can test to see if the current parent div of the animation is active or not and if it is then run the animation if it isn’t make sure it resets the css of the previous animation.