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

Pfad für den HTML-Export

Wo die HTML-Datei und die Bilddateien gespeichert werden. Per Voreinstellung ist dies das aktuelle Arbeitsverzeichnis. Wenn Sie auf die Schaltfläche rechts klicken, öffnet sich ein Klappmenü, mit dessen Hilfe Sie ein anderes Verzeichnis 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

Der Name einer Bilddatei, die dieses Filter erzeugt, lautet praefix_i_k.erw, wobei praefix der Teil des Namens ist, den Sie mit Hilfe des Eingabefeldes rechts frei wählen können, standardmäßig: slice. (i und k ist die Zeilen- bzw. Spaltennummer, angefangen mit 0; .erw ist die Dateinamenserweiterung, die durch das gewählte Grafikformat bestimmt wird.)

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

Sie haben die Wahl, Bilddateien im GIF-, JPG- oder PNG- Dateiformat zu erstellen.

Extra Grafikordner; Ordner für die zu exportierenden Grafiken

Wenn Extra Grafikordner aktiviert ist, wird ein Verzeichnis erstellt, 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 16.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 16.3. Abstand zwischen den Tabellenzellen

Zugehöriges HTML-Codefragment

Allerdings wird das Bild keineswegs um die Breite dieser Streifen vergrößert. Statt dessen 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 16.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

Wenn diese Eigenschaft nicht aktiviert ist, fügt das Filter für jede Zelle in der Tabelle ein Hyperlink-Codefragment <a href="#"> ...  </a> hinzu. Wenn diese Eigenschaft aktiviert ist (das ist die Voreinstellung) und es mindestens zwei horizontale oder zwei vertikale Hilfslinien gibt, fügt das Filter für die erste und letzte Zelle jeder Reihe oder Spalte kein solches Hyperlink-Codefragment hinzu. Dies kann dann ganz nützlich sein, wenn Sie ein Bild mit einem Rahmen haben, der nicht klickbar werden soll.

Beispiel 16.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.