CodeCanyon Expander 8892248

CodeCanyon Expander 8892248

CodeCanyon Expander 8892248
JavaScript \ Images and Media
Popout \ Mobile \ Responsive \ Retracting \ Transitions \ Smart \ Javascript



JavaScript - Expander 8892248 by Zakukashi @ CodeCanyon

JavaScript \ Images and Media

Last Update: 15 September 14; Compatible Browsers: IE10, IE11, Firefox, Safari, Opera, Chrome; Software Version: jQuery; High Resolution: No; Files Included: JavaScript JS, CSS.

Expander is a JavaScript library that converts any old tag into a smart clickable expanding object. It uses the latest of CSS3 animations to provide the best visual results. Expander is fully responsive and reactive. It will fit any screen or device as its mobile ready. It also support Chrome, IE, Firefox, Safari & Opera.

How does it work?
Its very simple, all you need to do is add data-expander to your tag. Like so.

<img src="http://codecanyon.net/item/expander/someimg.jpg" data-expander/>

As soon as the page is loaded, this old boring tag is transformed into an Expander Object.

If an Expander image is clicked, it will visually animate to a full screen view. It will fit the screen proportions and calculate any aspect ratio needed.
The key feature of Expander is that it expands from the position of the image to the center of the screen. Then retracts back into the position of the element giving it the feeling of Expansion.
Options
Expander uses latest JSON settings scheme to determine each individual Expander Object.

You can give each tag a different setting. These settings include,

- Animation type

- Speed of the transition

- Theme for overall appearance

- URL for High Quality img

Check out the Demo page and try out the Expander!

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: animations, css3, expand, expanding, full screen, image, javascript, mobile, popout, responsive, retracting, smart, transitions.



Tags: Popout, Mobile, Responsive, Retracting, Transitions

Premium CodeCanyon Expander 8892248 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon Expander 8892248 for digital design and education. CodeCanyon Expander 8892248 desigen style information or anything related.

Comments:

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