Category/Album function release the power for multiple galleries/slideshows.
Watch demo video here:
Using category/album is just as easy as with some lines of xml setting:
a) The album xml
The album’s xml is not mixed up with each gallery/slideshow’s xml, it’s an individual xml, the tag is easy to be understood, quite self-explaining:
<root> <global><!–album unit layout setting for ipad–>
<!–album icon unit width&height–> <unit_width>160</unit_width> <unit_height>200</unit_height> <!–the gap width and height between album icon image–> <unit_between_width>40</unit_between_width> <unit_between_height>30</unit_between_height> <!–the offset x, y with top-left corner–> <unit_start_off_x>20</unit_start_off_x> <unit_start_off_y>20</unit_start_off_y> <!–the white border size for the image icon–> <border_width>6</border_width> <border_height>6</border_height> <!–the font size for the album title–> <font_size>20</font_size>
<!–album unit layout setting for iphone–>
<unit_width_iphone>80</unit_width_iphone> <unit_height_iphone>100</unit_height_iphone> <unit_between_width_iphone>40</unit_between_width_iphone> <unit_between_height_iphone>30</unit_between_height_iphone> <unit_start_off_x_iphone>10</unit_start_off_x_iphone> <unit_start_off_y_iphone>10</unit_start_off_y_iphone> <border_width_iphone>3</border_width_iphone> <border_height_iphone>3</border_height_iphone> <font_size_iphone>16</font_size_iphone> </global>
<!–each album’s setting:icon, slideshow xml path(web path supported), title–>
<album> <album_icon>s1.jpg</album_icon> <album_path>config_photo.xml</album_path> <album_name><![CDATA[default demo]]></album_name> </album> <album> <album_icon>s2.jpg</album_icon> <album_path>multiple_layer.xml</album_path> <album_name><![CDATA[multiple layer demo]]></album_name> </album> <album> <album_icon>s3.jpg</album_icon> <album_path>http://www.yourdomain.com/config_photo.xml</album_path> <album_name><![CDATA[web demo]]></album_name> </album> </root>The category page will auto adjust the album icon’s position (both for portrait&landscape view), no need the setting for the column and row number.
b) Link with album xml
For the xml setting with each slideshow/gallery, there is <album> tag in global setting:
<!–the album path(web path supported)–> <album>album.xml</album>This means for each slideshow/gallery, they can link with same or different album in a flexible way.
If you no need the album function, just leave it blank, like this:
<album></album>