Zadanie

Vyrobiť grafické obrázkové menu, ktoré bude mať hover položku (pri prechode myšou) v odtieňoch sivej farby z pôvodného obrázku.

Typoscript

Použitý je efekt gray.

  temp.menuRef = HMENU
  temp.menuRef {
    special = directory
    special.value = {$pidReferences}
  }
  temp.menuRef.1 = GMENU
  temp.menuRef.1 {
    wrap = <div class="menuRef">|</div><p style="float:none;clear:both;">&nbsp;</p>
    NO {
      wrap = |
      ATagTitle.field = title
      XY = 200, 110
      2 = IMAGE
      2.file (
        fileadmin/site/img/references/davidoff.jpg || 
        fileadmin/site/img/references/goldengate.jpg || 
        fileadmin/site/img/references/imperialtobacco.jpg || 
        ...
      )
    }
    SPC = 1
    SPC {
      wrap = |
      noLink = 1
      XY = 200, 110
      2 = IMAGE
      2.file (
        fileadmin/site/img/references/davidoff.jpg || 
        fileadmin/site/img/references/goldengate.jpg || 
        fileadmin/site/img/references/imperialtobacco.jpg || 
        ...
      )
      altText.field = title
    }
    RO = 1
    RO {
      wrap = |
      ATagTitle.field = title
      XY = 200, 110
      2 = IMAGE
      2.file (
        fileadmin/site/img/references/davidoff.jpg || 
        fileadmin/site/img/references/goldengate.jpg || 
        fileadmin/site/img/references/imperialtobacco.jpg || 
        ...
      )
      4 = EFFECT
      4.value = gray=1
    }
    CUR = 1
    CUR < temp.menuRef.1.RO
    ACT = 1
    ACT < temp.menuRef.1.RO
  }