Browse Source

docs & tests : add visibleStyle: { opacity: 1 } to transform disabled styles

pull/96/head
David DeSandro 14 years ago
parent
commit
9c0b403327
  1. 10
      _posts/docs/2010-12-03-options.mdown
  2. 6
      _posts/tests/2011-03-27-flash01.html

10
_posts/docs/2010-12-03-options.mdown

@ -281,18 +281,16 @@ If you do disable transforms, but still want to use [CSS transitions](animating.
{% endhighlight %} {% endhighlight %}
### Disabling hiddenStyle scale ### Disabling hidden and visible scale styles
If you are using filtering, it's also a good idea to disable the scale transform with the [`hiddenStyle` option](#hiddenstyle). If you are using filtering, it's also a good idea to disable the scale transform with the [`hiddenStyle` option](#hiddenstyle) and [`visibleStyle` option](#visiblestyle).
{% highlight javascript %} {% highlight javascript %}
$('#container').isotope({ $('#container').isotope({
transformsEnabled: false, transformsEnabled: false,
hiddenStyle : { visibleStyle: { opacity: 1 },
opacity: 0, hiddenStyle: { opacity: 0 }
scale : 1
}
}); });
{% endhighlight %} {% endhighlight %}

6
_posts/tests/2011-03-27-flash01.html

@ -115,10 +115,8 @@ category: tests
$container.imagesLoaded(function(){ $container.imagesLoaded(function(){
$container.isotope({ $container.isotope({
transformsEnabled: false, transformsEnabled: false,
hiddenStyle : { visibleStyle: { opacity: 1 },
opacity: 0, hiddenStyle: { opacity: 0 }
scale : 1
}
}); });
}); });

Loading…
Cancel
Save