This component requires jQuery so you have to take care this is loaded in the document you are using the Mosaic Gallery. Also its style file and the actual script have to be loaded.
$(document).ready( function() { var m = new Mozaic(); m.init( { images:[ "http://farm6.static....06f863dcf8_z.jpg", "http://farm6.static...7b9fb3084e_z.jpg", "http://farm6.static...2baa9bf9ef_z.jpg", "http://farm6.static....f522923585_z.jpg", "http://farm6.static....babe6b2af0_z.jpg", "http://farm6.static....499981e27e_z.jpg", "http://farm6.static....9f18735f08_z.jpg" ], autoPlay:true, showNavigator:true, id:'mozaic', tileWidth:210, tileHeight:135, tileCountX:3, tileCountY:3 } ); } );
config: object with following properties:
id: mandatory property, the element id where the gallery will be rendered
images: list of the image files to be displayed
m.init( { images:[ "http://farm6.static....06f863dcf8_z.jpg", "http://farm6.static...7b9fb3084e_z.jpg", "http://farm6.static...2baa9bf9ef_z.jpg", "http://farm6.static....f522923585_z.jpg", "http://farm6.static....babe6b2af0_z.jpg", "http://farm6.static....499981e27e_z.jpg", "http://farm6.static....9f18735f08_z.jpg" ], autoPlay:true, showNavigator:true, id:'mozaic', tileWidth:210, tileHeight:135, tileCountX:3, tileCountY:3 } );
index: integer specifying the position of the image in the list