|
8 | 8 | */
|
9 | 9 |
|
10 | 10 | (function($) {
|
| 11 | + $.transit = { version: "0.0.1" }; |
| 12 | + |
11 | 13 | var div = $("<div>")[0];
|
12 | 14 |
|
13 | 15 | // Detect browser support for transition.
|
|
58 | 60 | if (!(transform instanceof Transform))
|
59 | 61 | transform = new Transform(transform);
|
60 | 62 |
|
61 |
| - setVendorProperty(elem, 'Transform', |
| 63 | + setVendorProperty(elem, 'transform', |
62 | 64 | transform.toString(), // for normal browsers
|
63 | 65 | transform.toString(true)); // for Webkits (3D)
|
64 | 66 |
|
|
74 | 76 | //
|
75 | 77 | $.cssHooks.transformOrigin = {
|
76 | 78 | get: function(elem) {
|
77 |
| - return getVendorProperty(elem, 'TransformOrigin'); |
| 79 | + return getVendorProperty(elem, 'transformOrigin'); |
78 | 80 | },
|
79 | 81 | set: function(elem, value) {
|
80 |
| - setVendorProperty(elem, 'TransformOrigin', value); |
| 82 | + setVendorProperty(elem, 'transformOrigin', value); |
81 | 83 | }
|
82 | 84 | };
|
83 | 85 |
|
|
389 | 391 | // Apply transitions.
|
390 | 392 | self.each(function() {
|
391 | 393 | if (i > 0) {
|
392 |
| - oldTransitions[this] = getVendorProperty(this, 'Transition'); |
393 |
| - setVendorProperty(this, 'Transition', transition); |
| 394 | + oldTransitions[this] = getVendorProperty(this, 'transition'); |
| 395 | + setVendorProperty(this, 'transition', transition); |
394 | 396 | }
|
395 | 397 | $(this).css(properties);
|
396 | 398 | });
|
|
403 | 405 |
|
404 | 406 | if (i > 0) {
|
405 | 407 | self.each(function() {
|
406 |
| - setVendorProperty(this, 'Transition', oldTransitions[this]); |
| 408 | + setVendorProperty(this, 'transition', oldTransitions[this]); |
407 | 409 | });
|
408 | 410 | }
|
409 | 411 |
|
|
490 | 492 | // ### setVendorProperty(element, property, value)
|
491 | 493 | // Sets a CSS property to `element` and accounts for vendor prefixes.
|
492 | 494 | function setVendorProperty(element, prop, val, webkitVal) {
|
493 |
| - if (isOpera) element.style[ 'O' + prop] = val; |
494 |
| - else if (isIE) element.style[ 'ms' + prop] = val; |
495 |
| - else if (isMozilla) element.style[ 'Moz' + prop] = val; |
496 |
| - else if (isWebkit) element.style['webkit' + prop] = webkitVal || val; |
| 495 | + var prop_ = prop[0].toUpperCase() + prop.substr(1); |
| 496 | + |
| 497 | + if (isOpera) element.style[ 'O' + prop_] = val; |
| 498 | + else if (isIE) element.style[ 'MS' + prop_] = val; |
| 499 | + else if (isMozilla) element.style[ 'Moz' + prop_] = val; |
| 500 | + else if (isWebkit) element.style['webkit' + prop_] = webkitVal || val; |
497 | 501 |
|
498 | 502 | element.style[prop] = val;
|
499 | 503 | }
|
500 | 504 |
|
501 | 505 | function getVendorProperty(element, prop) {
|
| 506 | + var prop_ = prop[0].toUpperCase() + prop.substr(1); |
| 507 | + |
502 | 508 | var re = element.style[prop];
|
503 | 509 | if (re !== undefined) return re;
|
504 | 510 |
|
505 |
| - if (isOpera) return element.style[ 'O' + prop]; |
506 |
| - if (isIE) return element.style[ 'ms' + prop]; |
507 |
| - if (isMozilla) return element.style[ 'Moz' + prop]; |
508 |
| - if (isWebkit) return element.style['webkit' + prop]; |
| 511 | + if (isOpera) return element.style[ 'O' + prop_]; |
| 512 | + if (isIE) return element.style[ 'MS' + prop_]; |
| 513 | + if (isMozilla) return element.style[ 'Moz' + prop_]; |
| 514 | + if (isWebkit) return element.style['webkit' + prop_]; |
509 | 515 | }
|
510 |
| - |
511 |
| - $.transit = { |
512 |
| - version: "0.0.1" |
513 |
| - }; |
514 | 516 | })(jQuery);
|
0 commit comments