Question

我正在尝试在菜单中为我的链接添加背景图片。我的问题是我不知道如何从媒体上传字段中获取文件路径到我的背景图像。我菜单中的其他所有内容都可以使用。

lib.field_destinationmenu = HMENU
lib.field_destinationmenu {
    special = directory
    special.value = 565
    1 = TMENU
    1 {
        expAll = 1
        wrap = <div id="destinations">Destinationer</div><div id="destinations_places"><ul>|</ul></div>
        noBlur = 1
        NO {
            allWrap = <li class="first">|</li>|*|<li>|</li>|*|<li class="last">|</li>

            img = COA
            img.1 {
                file.import = uploads/media
                file.import.field = media
                file.import.listNum = 0
            }

            ATagParams =
            ATagParams.append = TEXT
            ATagParams.append.value = style="background-image:url( ***** )"

        }

        CUR < .NO
        CUR = 1
        CUR {
            wrap = <li class="first current">|</li>|*|<li class="current">|</li>|*|<li class="last current">|</li>
            ATagParams = class="current"
        }
    }

    #2 < .1
    #2.wrap = <ul class="submenu">|</ul>
    #3 < .2
    #4 < .2
}

我应该写什么而不是 *

Answer 1

这样的事，也许是

ATagParams.append = IMG_RESOURCE
ATagParams.append {
  file.import = uploads/media
  file.import.field = media
  file.import.listNum = 0

  stdWrap.wrap = style="background-image:url(|)"
}

您不需要额外的COA。你想要的只是ATagParams中的图像参考，所以把它放在那里。

Answer 2

这成为最终结果，它适用于TYPO3 4.7和4.5

1 = TMENU
1.NO {
   ATagParams.cObject = COA
   ATagParams.cObject {
     20 = IMG_RESOURCE
     20.file.import = uploads/media/
     20.file.import.field = media
     20.file.import.listNum = 0
     20.stdWrap.noTrimWrap = | style="background-image: url('|');"|
     20.stdWrap.if.isTrue.field = media
   }
}

Answer 3

以下是TYPO3 6.2的更新，它使用的是FAL：

<script src="bower_components/angular-google-chart/ng-google-chart.js"></script>

从页面上的媒体字段向tmenuitem添加背景图像

3 个答案: