Multe opțiuni se explică singure, dar nu mai puțin:

Traseu de exportat în HTML

Unde fișierele și imaginile HTML se vor salva. Implicit, aceste fișiere sunt stocate în directorul de lucru. Cu clic pe butonul din dreapta se poate deschide un meniu derulant, de unde se poate selecta o locație diferită.

Nume de fișier pentru export

Numele fișierului HTML. Se poate modifica din caseta text.

Prefixul pentru imagini

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

Această opțiune este utilă în particular pentru crearea de cod JavaScript la acțiunile clic și onmouseover și necesită seturi diferite de imagini.

Format imagine

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

Dosar separat pentru imagini, Dosar pentru export imagini

Când este activat Dosarul separat pentru imagini este creat un dosar unde sunt plasate imaginile. Implicit, numele este images, dar se poate modifica în caseta de textDosar pentru export imagini .

Exemplu 17.2. Cu dosarul separat pentru imagini

Consecința activării „Dosarul separat pentru imagini”

Spațiu dintre elementele tabelului

Valoarea (0-15) este transmisă atributului „spațierea celulelor” din tabelului HTML. Rezultă înlocuirea ghidajelor orizontale și verticale cu benzi cu lățimea specificată, precum în:

Exemplu 17.3. Spațiu dintre elementele tabelului

Fragment de cod HTML corespunzător

De notat că imaginea nu se mărește cu dimensiunea acestor benzi. În loc de asta, imaginea HTML arată de parcă s-au tras dungi cu instrumentul de ștergere.

JavaScript pentru clic și onmouseover

Cu această opțiune activată, filtrul adaugă de asemenea și cod JavaScript. La fel ca în HTML, codul nu funcționează luat așa cum este, nu înainte de a i se adăuga anumite funcționalități dinamice. Codul JavaScript oferă funcții de manevrare a evenimentelor precum „onmouseover”:

Exemplu 17.4. Fragment de cod 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;
      }
  }
              

Ignoră animațiile pentru cap de tabel

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.

Exemplu 17.5. Animație omisă pentru cap de tabel (cod HTML simplificat)

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

Doar celulele interne au hyperlinkuri (goale).