15.4. Разрез
| 15. Фильтры для интернета |

### 15.4. Разрез

#### 15.4.1. Общая информация

Рисунок 17.391. Пример применения фильтра «Разрез»

Исходное изображение с направляющими

После применения фильтра «Нарезка»

This filter is a simple and easy to use helper for creating sensitive images to be used in HTML files. The filter slices up the source image (like the Slice Using Guides command does) along its horizontal and vertical guides, and produces a set of sub-images. At the same time it creates a piece of HTML code for a table saved in a text file. Every table cell contains one part of the image. The text file should then be embedded in an HTML document.

Этот фильтр просто помощник. Типичный код HTML, который он создаёт, выглядит примерно так:

Пример 17.1. Примерный вывод фильтра «Разрез»

    <table cellpadding="0" border="0" cellspacing="0">
      <tr>
        <td><img alt="" src="slice_0_0.png"/></td>
        <td><img alt="" src="slice_0_1.png"/></td>
      </tr>
      <tr>
        <td><img alt="" src="slice_1_0.png"/></td>
        <td><img alt="" src="slice_1_1.png"/></td>
      </tr>
    </table>

Производимый код HTML; атрибуты «стиля» были опущены.

Когда в изображении нет направляющих, фильтр ничего не делает. Если направляющие просто не видимы, фильтр будет работать.

| Подсказка
Фильтр Карта изображения более сильный и разнообразный инструмент для создания чуствительных изображений, но он также более сложный.

#### 15.4.2. Активация фильтра

This filter is found in the image window menu under Filters → Web → Slice….

#### 15.4.3. Параметры

Рисунок 17.392. Параметры фильтра «Разрез»

Параметры в основном не требуют комментария, но всё же:

Путь для экпорта HTML

  Указывает, где файл HTML и файлы подизображений будут сохранены. По умолчанию, эти файлы будут сохранены в рабочей папке. Нажатием на кнопку справа можно вызвать меню, где можно указать новый путь.

Имя файла для экпорта

  Имя файла HTML. Поле ввода позволяет сменить имя файла.

Приставка и имени файла

  The name of an image file produced by this filter is `prefix_i_k.ext`, where `prefix` is that part of the filename which you can freely select using the textbox to the right, by default: `slice`. (`i` and `k` are the numbers of the row and the column, each starting with 0; `.ext` is the filename extension depending on the selected Image format.)

  This option is particularly useful when you want to create JavaScript for onmouseover and clicked and need different sets of images.

Формат изображения

  You can choose to create image files in the GIF, JPG, or PNG file format.

Отдельная папка для изображения, Папка для экспорта изображения

  При выборе параметра Отдельная папка изображения будет создана новая папка, куда поместятся файлы изображения. По умолчанию, имя папки – `images`, но его можно сменить в поле ввода Папка для экспорта изображения.

  Пример 17.2. С отдельной папкой для изображения

  Пример с выбранным параметром «Отдельная папка для изображения»

Промежуток между ячейками таблицы

  Это значение (0-15) будет присвоено атрибуту HTML таблицы «cellspacing». В результате вертикальные и горизонтальные направляющие заменятся на полосы указаной ширины:

  Пример 17.3. Промежуток между ячейками таблицы

  Отрывок соответствующего кода HTML

  Заметьте, что изображение не увеличится на размер этих полос. Вместо этого изображение будет выглядеть, как будто полосы были просто удалены из изображения с помощью инструмента «ластик».

JavaScript for onmouseover and clicked

  При выборе этого параметра, фильтр также добавит некоторый код JavaScript. Как и код HTML, этот код не работает, но служит начальной точкой для добавления динамической функциональности. Код JavaScript даёт функцию для обработки таких событий, как «onmouseover»:

  Пример 17.4. Отрывок соответствующего кода JavaScript

      function exchange (image, images_array_name, event)
        {
          name = image.name;
          images = eval (images_array_name);

          switch (event)
            {
              case 0:
                image.src = images[name + "_plain"].src;
                break;
              case 1:
                image.src = images[name + "_hover"].src;
                break;
              case 2:
                image.src = images[name + "_clicked"].src;
                break;
              case 3:
                image.src = images[name + "_hover"].src;
                break;
            }
        }

Пропустить анимацию для заголовка таблицы

  When disabled, the filter will add a `<a href="#"> ... </a>` hyperlink stub to every table cell. When enabled (this is the default) and there are at least two horizontal or two vertical guides, the filter will not add a hyperlink stub to the first and last cell in a column or row. This may be useful when you have an image with border and you don't want to make the border sensitive.

  Пример 17.5. Пропустить анимацию для заголовка таблицы (упрощённый код HTMl)

      <table cellpadding="0" border="0" cellspacing="0">
        <tr>
          <td><img alt="" src="images/slice_0_0.png"/></td>
          <td><img alt="" src="images/slice_0_1.png"/></td>
          <td><img alt="" src="images/slice_0_2.png"/></td>
          <td><img alt="" src="images/slice_0_3.png"/></td>
        </tr>
        <tr>
          <td><img alt="" src="images/slice_1_0.png"/></td>
          <td><a href="#"><img alt="" src="images/slice_1_1.png"/></a></td>
          <td><a href="#"><img alt="" src="images/slice_1_2.png"/></a></td>
          <td><img alt="" src="images/slice_1_3.png"/></td>
        </tr>
        <tr>
          <td><img alt="" src="images/slice_2_0.png"/></td>
          <td><img alt="" src="images/slice_2_1.png"/></td>
          <td><img alt="" src="images/slice_2_2.png"/></td>
          <td><img alt="" src="images/slice_2_3.png"/></td>
        </tr>
      </table>

  Только внутренние ячейки содержат ссылки (пустые).

15.3. Полусведение |  | 16. Фильтры Анимации

Report an error in the bug tracker