Поиск

Мозаичные рисунки

Иногда возникает необходимость разбить рисунок на несколько частей. В этом слу чае при помощи таблицы можно обеспечить точную подгонку фрагментов друг к другу. В этом примере рисунок размером 250x250 пикселов разбит на четыре части:

<TABLE border=0 cellspacing=0 cellpadding=0>
<TR><TD><img src="dragon41.jpg" width="125" height="125"x/TD>
<TD><img src="dragon42.jpg" width="125" height="125"x/TD></TR>
<TR><TD><img src="dragon43.jpg" width="125" height="125"x/TD>
<TDximg src="dragon44.jpg" width="125" height="125"x/TDx/TR>
</table>

Чтобы между частями рисунка не было зазоров и смещения, необходимо выпол нить ряд условий. Вопервых, значения атрибутов border, cellspacing ncellpadding должны быть равны нулю. В результате рамка таблицы будет невидимой, а пусто го пространства между фрагментами не будет. Вовторых, надо использовать ко нечные теги ячеек таблицы </TD> и проследить, чтобы в ячейках не осталось про белов: должны присутствовать только элементы IMG. Рис. 6.4 дает представление об этом приеме. В данном случае для наглядности оставлена рамка таблицы (border=3). Это несколько противоречит изложенному выше, но может служить еще одним способом представления мозаичного рисунка.

Выгоды от использования мозаики следующие. Элементы таблицы загружаются быстрее, и пользователь может их разглядывать во время загрузки. Если рисунок имеет формат GIF, то одну часть мозаики можно сделать с анимацией, а осталь ные — нет, что позволит уменьшить объем файлов. Наконец, отдельные фрагмен ты рисунка могут служить гиперссылками.