Создание графической коллекции на веб-странице на Deep Zoom и Silverlight.

Этап 2. Создание коллекции с помощью Deep Zoom Composer

В Deep Zoom Coposer создаём новый проект (New Project)

увеличить изображение

Указываем имя и расположение проекта и жмем кнопку "ОК"

Далее нужно добавить картинки в проект с помощью кнопки Add Image или перетаскиванием с помощью мыши, в окно программы, картинок.

По окончанию импортирования картинок у Вас должно получиться следующее:

увеличить изображение

Далее переходим на вкладку "Compose"

После начинаем размещать картинки:

увеличить изображение

Две картинки были размещенны по отдельности (слева) и девять картинок были размещены вместе, что бы упорядочить их, кликнем правой кнопкой мыши на любую из картинок, находящихся в большом квадрате, и выберем пункт Arrange into Grid.

увеличить изображение

В появившемся окне будет предложенно выбрать как упорядочить ( по столбцам или по строкам), так же нужно будет указать количество столбцов или строк и расстояние между картинками (Padding) и жмем кнопку "Ok"

И после получается следущее:

увеличить изображение

Для того что бы сделать вложенные сценарий, т.е когда одна картинка как бы является частью другой, нужно, с помощью скролинга или панели инструментов(Zoom или кнопка Z), сфокусироваться на нужном изображение и разместить какое то изображение:

увеличить изображение

На размещенной картинке, так же можно делать,вложенный сценарий.