-
Notifications
You must be signed in to change notification settings - Fork 2
sangar82/FlyToCart
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
FlyToCart jQuery Plugin v1.0.0 ------------------------------- Copyright (c) 2011 Iván Sánchez. Licensed under the MIT license. Overview -------- FlyToCart is a jquery plugin that enables send a image to the shopping cart Features include: - Send a image at any class or id - Callback function - Override options (id or class destination and movement velocity) Usage ----- You must have an element (div, p, span, etc. with class='destination' where the image will be sent. You can change the name of this class, see case 3. <script> $(".flying").flytoCart(); </script> <div class='destination'></div> <div id='products'> <a href='#' class='flying' ><img src='img/amarillo.jpg' width='100' id='product_id_1' /></a> <a href='#' class='flying' ><img src='img/negro.jpg' width='100' id='product_id_2' /></a> <a href='#' class='flying' ><img src='img/verde.jpg' width='100' id='product_id_3' /></a> </div> // CASE 1: create the flyToCart instance $(".flying").flytoCart(); // CASE 2: Create the instance and callback $(".flying").flytoCart( function(){ //do something to add the product to the shopping cart alert(this.id + " add to the shopping cart"); } ); // CASE 3: Create the instance, callback and override options (change the velocity and the destination) $(".flying").flytoCart( function(){ alert("Finish with "+this.id); }, {velocity:10000, destination: '.shoppingcart'} );
About
FlyToCart is a jquery plugin that enables send a image to the shopping cart
Resources
Stars
Watchers
Forks
Packages 0
No packages published