/* ------------------------------------------------------------------- * * Author: Blupixel IT Srl * Last Modifcation Date: 12nd June 2012 * Website: www.blupixelit.eu * support at: webmaster@blupixelit.eu * * Copyright (c) 2012 Blupixel IT Srl - Trento (Italy) * * This program is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 3 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program. If not, see . * * ----------------------------------------------------------------- */ Applied to one or more image, the script animate a layer over the image by changing his dimensions on mouse over event and create a curtain effect. How To Use: - create div that contains the image or images in the form
...
- then simply call the function name: jQuery('#yourID').bITAnimateButton(); - or use additional params: jQuery('#yourID').bITAnimateButton({direction: left, finalWidth: 50}); Possible Parameters: - finalHeight: number is the final height in pixel of the layer used to make the curtain effect direction 'top' or 'bottom' - finalWidth: number is the final width in pixel of the layer used to make the curtain effect direction 'left' or 'right' - direction: 'top' | 'left' | 'right' | 'bottom' is the direction fo the sliding effect - layerColor: color is the color of the layer used to make images curtain effect - layerOpacity: number is the value of the opacity of the layer used to make the curtain effect - animationSpeed: number is the number of millisecond to use to complete the slide effect - onReduceComplete: function is the function loaded when the layer used to make the curtain effect is reduced - onEnlargeComplete: function is the function loaded when the layer used to make the curtain effect is enlarged