Example 1
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="/files/theme/mosaic.1.0.1.js"></script>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(function(){
$j('.bar').mosaic({
animation : 'slide'
});
});
</script>
Example 2
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="/files/theme/mosaic.1.0.1.js"></script>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(function(){
$j('.bar2').mosaic({
animation :'slide'
});
});
</script>
Example 3
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="/files/theme/mosaic.1.0.1.js"></script>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(function(){
$j('.fade').mosaic();
});
</script>
Example 4
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="/files/theme/mosaic.1.0.1.js"></script>
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(function(){
$j('.circle').mosaic({
opacity:0.8
});
});
</script>