A maioria das opções são auto-explicativas, mas, mesmo assim:

Caminho para exportar HTML

Onde os arquivos HTML e as imagens são gravados. Por padrão, esses arquivos são armazenados no diretório de trabalho atual. Clicando o botão direito do mouse abre um menu suspenso, onde você pode selecionar diferentes localizações.

Nome do arquivo para exportação

O nome do arquivo HTML. Você pode modificar o nome do arquivo usando a caixa de texto.

Prefixo do nome da imagem

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.

Formato da imagem

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

Pasta de imagem separada, Pasta para exportação de imagem

Quando pasta de imagem separada estiver ativada, uma pasta será criada onde os arquivos de imagem serão colocados. Por padrão, o nome dessa pasta de destino é images, mas você pode mudá-lo na caixa de texto pasta para exportação de imagem.

Exemplo 17.2. Com pasta de imagem separada

Resultado da “pasta de imagens separada” habilitado.

Espaço entre os elementos na tabela

Este valor (0-15) será passado como atributo “espaçamento das células” para a tabela HTML. O resultado é que as guias horizontais e verticais serão substituídas por faixas de largura especificada:

Exemplo 17.3. Espaço entre os elementos na tabela

Trecho do código HTML correspondente

Note que a imagem não será ampliada pelo tamanho dessas listras. Em vez disso, a imagem HTML resultante será semelhante ao que você teria se tivesse desenhados as listras com a ferramenta Borracha.

JavaScript for onmouseover and clicked

Quando esta opção é ativada, o filtro também irá adicionar algum código JavaScript. Assim como o código HTML gerado, esse código JavaScript não deve ser usado da forma exata como é gerado, mas é um bom ponto de partida para a adição de algumas funcionalidades dinâmicas. O código JavaScript fornece uma função para lidar com eventos como “onmouseover”:

Exemplo 17.4. Trecho de código 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;
      }
  }
              

Saltar animação de estabelecer limites da tabela

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.

Exemplo 17.5. Sem animações para os cantos da tabela (código HTML simplificado)

<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>
              

Apenas células internas têm links (vazios).