mirror of https://github.com/metafizzy/isotope
desandro
15 years ago
4 changed files with 247 additions and 242 deletions
@ -0,0 +1,91 @@
|
||||
// ========================= jQuery transform extensions ===============================
|
||||
(function($){
|
||||
|
||||
|
||||
// if props.transform hasn't been set, do it already
|
||||
$.props.transform = getStyleProperty('transform'); |
||||
|
||||
// console.log( getStyleProperty('transform') )
|
||||
|
||||
var transformFnUtilsDimensional = { |
||||
'2d' : { |
||||
translate : function ( position ) { |
||||
return 'translate(' + position[0] + 'px, ' + position[1] + 'px)'; |
||||
}, |
||||
scale : function ( scale ) { |
||||
return 'scale(' + scale[0] + ')'; |
||||
}, |
||||
}, |
||||
'3d' : { |
||||
translate : function ( position ) { |
||||
return 'translate3d(' + position[0] + 'px, ' + position[1] + 'px, 0)'; |
||||
}, |
||||
scale : function ( scale ) { |
||||
return 'scale3d(' + scale[0] + ', ' + scale[0] + ', 1)'; |
||||
} |
||||
|
||||
} |
||||
}, |
||||
dimensions = Modernizr.csstransforms3d ? '3d' : '2d', |
||||
// usingTransforms = false,
|
||||
transformFnUtils = transformFnUtilsDimensional[ dimensions ]; |
||||
|
||||
|
||||
var _jQueryStyle = $.style; |
||||
$.style = function ( elem, name, value ) { |
||||
|
||||
switch ( name ) { |
||||
case 'scale' : |
||||
case 'translate' : |
||||
// console.log( name )
|
||||
// unpack current transform data
|
||||
var data = $( elem ).data('transform') || {}; |
||||
// extend new value over current data
|
||||
var newData = {}; |
||||
newData[ name ] = value; |
||||
$.extend( data, newData ); |
||||
|
||||
var valueFns = []; |
||||
|
||||
for ( var fnName in data ) { |
||||
var transformValue = data[ fnName ], |
||||
getFn = transformFnUtils[ fnName ], |
||||
valueFn = getFn( transformValue ); |
||||
valueFns.push( valueFn ); |
||||
} |
||||
|
||||
// set data back in elem
|
||||
$( elem ).data('transform', data ); |
||||
|
||||
value = valueFns.join(' '); |
||||
// console.log( value )
|
||||
|
||||
// set name to vendor specific property
|
||||
name = $.props.transform; |
||||
|
||||
break |
||||
} |
||||
|
||||
// if ( name === 'transform') {
|
||||
// }
|
||||
return _jQueryStyle.apply( this, arguments ); |
||||
}; |
||||
|
||||
|
||||
var _fxCur = $.fx.prototype.cur; |
||||
$.fx.prototype.cur = function () { |
||||
if ( this.prop === 'scale' ) { |
||||
var data = $( this.elem ).data('transform'), |
||||
currentScale = data && data[ this.prop ] ? data[ this.prop ] : [ 1 ]; |
||||
// scale value is saved as a 1 item array
|
||||
return currentScale[0] |
||||
} |
||||
|
||||
return _fxCur.apply(this, arguments); |
||||
} |
||||
|
||||
$.fx.step.scale = function (fx) { |
||||
$( fx.elem ).css({ scale: [ fx.now ] }); |
||||
}; |
||||
|
||||
})( jQuery ); |
||||
@ -0,0 +1,41 @@
|
||||
/*! |
||||
* smartresize: debounced resize event for jQuery |
||||
* http://github.com/lrbabe/jquery-smartresize
|
||||
* |
||||
* Copyright (c) 2009 Louis-Remi Babe |
||||
* Licensed under the GPL license. |
||||
* http://docs.jquery.com/License
|
||||
* |
||||
*/ |
||||
(function($){
|
||||
|
||||
var $event = $.event, |
||||
resizeTimeout; |
||||
|
||||
$event.special.smartresize = { |
||||
setup: function() { |
||||
$(this).bind( "resize", $event.special.smartresize.handler ); |
||||
}, |
||||
teardown: function() { |
||||
$(this).unbind( "resize", $event.special.smartresize.handler ); |
||||
}, |
||||
handler: function( event, execAsap ) { |
||||
// Save the context
|
||||
var context = this, |
||||
args = arguments; |
||||
|
||||
// set correct event type
|
||||
event.type = "smartresize"; |
||||
|
||||
if ( resizeTimeout ) { clearTimeout( resizeTimeout ); } |
||||
resizeTimeout = setTimeout(function() { |
||||
jQuery.event.handle.apply( context, args ); |
||||
}, execAsap === "execAsap"? 0 : 100 ); |
||||
} |
||||
}; |
||||
|
||||
$.fn.smartresize = function( fn ) { |
||||
return fn ? this.bind( "smartresize", fn ) : this.trigger( "smartresize", ["execAsap"] ); |
||||
}; |
||||
|
||||
})( jQuery ); |
||||
@ -0,0 +1,107 @@
|
||||
// ========================= getStyleProperty by kangax ===============================
|
||||
|
||||
var getStyleProperty = (function(){ |
||||
|
||||
var prefixes = ['Moz', 'Webkit', 'Khtml', 'O', 'Ms']; |
||||
var _cache = { }; |
||||
|
||||
function getStyleProperty(propName, element) { |
||||
element = element || document.documentElement; |
||||
var style = element.style, |
||||
prefixed, |
||||
uPropName; |
||||
|
||||
// check cache only when no element is given
|
||||
if (arguments.length == 1 && typeof _cache[propName] == 'string') { |
||||
return _cache[propName]; |
||||
} |
||||
// test standard property first
|
||||
if (typeof style[propName] == 'string') { |
||||
return (_cache[propName] = propName); |
||||
} |
||||
|
||||
// console.log('getting prop', propName)
|
||||
|
||||
// capitalize
|
||||
uPropName = propName.charAt(0).toUpperCase() + propName.slice(1); |
||||
|
||||
// test vendor specific properties
|
||||
for (var i=0, l=prefixes.length; i<l; i++) { |
||||
prefixed = prefixes[i] + uPropName; |
||||
if (typeof style[prefixed] == 'string') { |
||||
return (_cache[propName] = prefixed); |
||||
} |
||||
} |
||||
} |
||||
|
||||
return getStyleProperty; |
||||
})(); |
||||
|
||||
// ========================= miniModernizr ===============================
|
||||
// <3<3<3 and thanks to Faruk and Paul for doing the heavy lifting
|
||||
if ( !window.Modernizr ) { |
||||
|
||||
var miniModernizr = {}, |
||||
vendorCSSPrefixes = ' -o- -moz- -ms- -webkit- -khtml- '.split(' '), |
||||
classes = [], |
||||
docElement = document.documentElement, |
||||
tests = { |
||||
csstransforms : function() { |
||||
return !!getStyleProperty('transform'); |
||||
}, |
||||
csstransforms3d : function() { |
||||
var ret = !!getStyleProperty('perspective'); |
||||
|
||||
if (ret){ |
||||
var st = document.createElement('style'), |
||||
div = document.createElement('div'); |
||||
|
||||
st.textContent = '@media ('+vendorCSSPrefixes.join('transform-3d),(') +
|
||||
'modernizr){#modernizr{height:3px}}'; |
||||
document.getElementsByTagName('head')[0].appendChild(st); |
||||
div.id = 'modernizr'; |
||||
docElement.appendChild(div); |
||||
|
||||
ret = div.offsetHeight === 3; |
||||
|
||||
st.parentNode.removeChild(st); |
||||
div.parentNode.removeChild(div); |
||||
} |
||||
return ret; |
||||
}, |
||||
csstransitions : function() { |
||||
return !!getStyleProperty('transitionProperty'); |
||||
} |
||||
}; |
||||
|
||||
// hasOwnProperty shim by kangax needed for Safari 2.0 support
|
||||
var _hasOwnProperty = ({}).hasOwnProperty, hasOwnProperty; |
||||
if (typeof _hasOwnProperty !== 'undefined' && typeof _hasOwnProperty.call !== 'undefined') { |
||||
hasOwnProperty = function (object, property) { |
||||
return _hasOwnProperty.call(object, property); |
||||
}; |
||||
} |
||||
else { |
||||
hasOwnProperty = function (object, property) { /* yes, this can give false positives/negatives, but most of the time we don't care about those */ |
||||
return ((property in object) && typeof object.constructor.prototype[property] === 'undefined'); |
||||
}; |
||||
} |
||||
|
||||
// Run through all tests and detect their support in the current UA.
|
||||
for ( var feature in tests ) { |
||||
if ( hasOwnProperty( tests, feature ) ) { |
||||
// run the test, throw the return value into the Modernizr,
|
||||
// then based on that boolean, define an appropriate className
|
||||
// and push it into an array of classes we'll join later.
|
||||
var test = tests[ feature ](); |
||||
miniModernizr[ feature.toLowerCase() ] = test; |
||||
var className = ( test ? '' : 'no-' ) + feature.toLowerCase() |
||||
classes.push( className ); |
||||
} |
||||
} |
||||
|
||||
// Add the new classes to the <html> element.
|
||||
docElement.className += ' ' + classes.join( ' ' ); |
||||
|
||||
window.Modernizr = miniModernizr; |
||||
} |
||||
Loading…
Reference in new issue