Putting it together: Flowers in the cart


show more Putting it together: Flowers in the cart provides you with in-depth training on Web. Taught by Joe Chellman as part of the jQuery for Web Designers show less
please wait ...

Putting it together: Flowers in the cart

Now we're going to start working on a little project that's going to put together everything we've learned about jQuery so far including animation, and it's going to culminate in a challenge at the end of the chapter. So here we are on what I'm calling an Order Flowers page. And we have a little shopping cart area over here. So what we're going to work on is making each of these flowers react when clicked, specifically that they should animate over into the cart from wherever they start. Up into this area. So the trick here is that I don't just want to send this image over here like this.

I want to leave this and send a ghost of it over like that, just like what happens when I drag. So let's take a look at how to do that. So I'm starting over here in my file. Let's jump down to the JavaScript. So right now I have my leftover animation method from before. And this will animate the first image that I find. That will work, but not for our purposes here. We want to mak...

Putting it together: Flowers in the cart
Video duration: 6m 4s 1h 42m Intermediate

Viewers:

Putting it together: Flowers in the cart provides you with in-depth training on Web. Taught by Joe Chellman as part of the jQuery for Web Designers

Subject:
Web
Software:
jQuery
Author:
please wait ...