Die meisten Eigenschaften erklären sich von selbst, aber nichtsdestotrotz:

Pfad für den HTML-Export

Legt fest, wo die HTML-Datei und die Bilddateien gespeichert werden. Per Voreinstellung ist dies der aktuelle Arbeitsordner. Wenn Sie auf den Knopf rechts klicken, öffnet sich ein Auswahlmenü, mit dessen Hilfe Sie einen anderen Ordner auswählen können.

Dateiname für den Export

Der Name der HTML-Datei. Mit Hilfe des Textfeldes können Sie einen anderen Dateinamen wählen.

Präfix des Dateinamens

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

Diese Eigenschaft ist insbesondere dann nützlich, wenn Sie Javascript für »onmouseover« und »clicked« erzeugen wollen und mehrere Sätze Bilder benötigen.

Grafikformat

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

Extra Grafikordner, Ordner für die zu exportierenden Grafiken

Wenn Extra Grafikordner aktiviert ist, wird ein Ordner angelegt, in dem die Bilddateien platziert werden. Per Voreinstellung ist dies images, was Sie aber mit Hilfe des Eingabefeldes rechts von Ordner für die zu exportierenden Grafiken ändern können.

Beispiel 17.2. Mit extra Grafikordner

Wenn »Extra Grafikordner« aktiviert ist

Abstand zwischen den Tabellenzellen

Dieser Wert (0-15) wird zum »cellspacing«-Attribut in der HTML-Tabelle. Das führt dazu, dass die horizontalen und vertikalen Hilfslinien durch Streifen der angegebenen Breite ersetzt werden:

Beispiel 17.3. Abstand zwischen den Tabellenzellen

Zugehöriges HTML-Codefragment

Allerdings wird das Bild keineswegs um die Breite dieser Streifen vergrößert. Stattdessen sieht das resultierende HTML-Bild so aus, als hätten Sie die Streifen mit Hilfe des Radiergummis erzeugt.

Javascript für »onmouseover« und »clicked«

Wenn diese Eigenschaft aktiviert ist, fügt das Filter zusätzlich JavaScript-Code hinzu. Wie beim HTML-Code auch können Sie diesen Code nicht so wie er ist benutzen, sondern müssen ihn noch bearbeiten. Er ist aber ein guter Ausgangspunkt, um Ihrer HTML-Datei dynamische Funktionalität hinzuzufügen. Der JavaScript-Code stellt eine Funktion zur Verfügung, die Ereignisse wie »onmouseover« behandelt:

Beispiel 17.4. JavaScript-Codefragment

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

Animation für Tabellenkopf überspringen

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.

Beispiel 17.5. Keine Animation für Tabellenkopf (vereinfachter HTML-Code)

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

Nur die inneren Zellen haben (leere) Hyperlinks.