CodeCanyon zPopout Animated JQuery img tag enlargement box 3955781

CodeCanyon zPopout Animated JQuery img tag enlargement box 3955781

CodeCanyon zPopout Animated JQuery img tag enlargement box 3955781
JavaScript \ Image \ Media
Image \ Popout \ Zooming \ Scale \ Zoom \ Larger \ Large \ Enlarge \ Extend \ Bigger



JavaScript - zPopout Animated JQuery img tag enlargement box 3955781 by Zakukashi @ CodeCanyon

JavaScript \ Image \ Media

Last Update: 4 February 13; Compatible Browsers: IE9, IE10, Firefox, Safari, Opera, Chrome; Software Version: jQuery; High Resolution: No; Files Included: JavaScript JS, HTML, CSS.

Enlarge any img tag element in your site with just a click. With zPopout it doesn’t matter where on the page your img lays, it will automatically calculate and display an animation of the image growing in size. There are several styles and enlargement animations.

zPopout is extremely easy to use, all you need to do is add onload=’$(this).zPopout();’ to your IMG tag. You can then customize the settings and styles of the current IMG tag.

Usage.

<img src="http://codecanyon.net/item/zpopout-animated-jquery-img-tag-enlargement-box/someimage.jpg" onload="$(this).zPopout({style:'default'});" />

Options.

preload = (can be true of false, [Default: true])
If the bigger image should be preloaded when the website loads.
duration = (In Milisecods can by any integer above 1, [Default: 500])
The amount of time it takes to enlarge the image.
duration3D = (In Milisecods can by any integer above 1, [Default: 500])
The amount of time it takes to enlarge the image with 3D style such as 3d-spin.
style = ("default", "3d-spin", "3d-diamond", "3d-diamondinvert", "2d-spin", [Default: "default"])
Sets the enlargement animation style. (Note: 3D styles can only be used on Chrome, other browsers will only see default animation)
borderstyle = ("default", "zrounded_white", "zrounded_black", [Default: "default"])
Sets the border style of the enlarged image.
title = (Can be any string, [Default: ""])
This option allows you to add a text overlay to the enlarged image.
titleposition = ("bottom", "top", "bottom_rounded", "top_rounded", [Default: "top"])
Sets the position of the Text overlay when enlarged.
background = (can be true of false, [Default: true])
True/ False if the enlargement process should have half transparent dim black background.
overlay = (can be true of false, [Default: true])
True/ False if the unenlarged image should have a mouse hover effect.
customsrc = http://codecanyon.net/item/zpopout-animated-jquery-img-tag-enlargement-box/(Can be any string url, [Default:""])
This option allows you to add a custom image to be enlarged rather than the original IMG tag's src.

zParticles - Jquery Animated Decor particles; zSnow - Jquery/HTML5 snow animation theme; zCaptcha - Jquery Image Captcha; zServer -Multi-User Chat Server/Data Communication; zPanel for WindowsForms; zLabel for WindowsForms; zButton for WindowsForms.

Keywords: click large, enlarge, extend, image bigger, image larger, image zoom, pop out, popout, scale, zooming.



Tags: Image, Larger, Bigger, Zooming, Scale, Popout, Extend

Premium CodeCanyon zPopout Animated JQuery img tag enlargement box 3955781 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon zPopout Animated JQuery img tag enlargement box 3955781 for digital design and education. CodeCanyon zPopout Animated JQuery img tag enlargement box 3955781 desigen style information or anything related.

Comments:

Name:*
E-Mail:*
Add Comments:
Enter Code: *