0
|
1 |
|
|
2 |
// change layout |
|
3 |
var isHorizontal = false; |
|
4 |
function changeLayoutMode( $link, options ) { |
|
5 |
var wasHorizontal = isHorizontal; |
|
6 |
isHorizontal = $link.hasClass('horizontal'); |
|
7 |
|
|
8 |
if ( wasHorizontal !== isHorizontal ) { |
|
9 |
// orientation change |
|
10 |
// need to do some clean up for transitions and sizes |
|
11 |
var style = isHorizontal ? |
|
12 |
{ height: '80%', width: $container.width() } : |
|
13 |
{ width: 'auto' }; |
|
14 |
// stop any animation on container height / width |
|
15 |
$container.filter(':animated').stop(); |
|
16 |
// disable transition, apply revised style |
|
17 |
$container.addClass('no-transition').css( style ); |
|
18 |
setTimeout(function(){ |
|
19 |
$container.removeClass('no-transition').isotope( options ); |
|
20 |
}, 100 ) |
|
21 |
} else { |
|
22 |
$container.isotope( options ); |
|
23 |
} |
|
24 |
} |