0

我正在设计一个带有三个图像的轮播。我需要使用 WCM 实现以下代码。我能够使用单一结果设计进行设计。请指导我如何获得一组中的三个链接。所有图像都在同一个站点区域中。 

<div class="subBox">
    <div class="set">
        <div class="images"><img src='slide1.jpg' alt='' /></div>
        <div class="images"><img src='slide2.jpg' alt='' /></div>
        <div class="images"><img src='slide3.jpg' alt='' /></div>
    </div>
    <div class="set">
        <div class="images"><img src='slide4.jpg' alt='' /></div>
        <div class="images"><img src='slide5.jpg' alt='' /></div>
        <div class="images"><img src='slide6.jpg' alt='' /></div>
    </div>
    <div class="set">
        <div class="images"><img src='slide7.jpg' alt='' /></div>
        <div class="images"><img src='slide8.jpg' alt='' /></div>
        <div class="images"><img src='slide9.jpg' alt='' /></div>
    </div>
</div>
4

2 回答 2

0

在菜单/导航器中使用列表演示 - 取决于您是否需要保留订单。设置最大数量为 9。

标题：

<div class="subBox">
  <div class="set">

物品布局：

[Plugin:Matches pattern="(3|6)" text="[Placeholder tag='listnum']"]
  </div>
  <div class="set">
[/Plugin:Matches]
    <div class="images">[Element type="content" context="autofill" key="img"]</div>

页脚：

  </div>
</div>
于 2018-03-27T10:38:48.087 回答
-1

所以你有一个sitearea，这个sitearea下面有一组内容。

开箱即用的任何东西都无法为您做到。

第一个解决方案（使用 Javascript）

  • 在一个隐藏的 div 中渲染所有图像
  • 添加一些 java 脚本代码来构建您的 HTML

第二种解决方案（创建自定义插件）

  • 创建自定义插件并将项目和子列表项目编号的索引传递给它，如果（“index” mod “Sublist items number” 等于零），它只会呈现它的主体，您可以从 [Placeholder tag="listnum" htmlencode= “false”]，在你的情况下，“子列表项目编号”是 3

  • 在每个结果的设计中的菜单设计header ="<div class="subBox"><div class="set">" 中呈现您的项目然后使用您的自定义插件呈现“”->将为页脚呈现每 3 个项目设计"</div></div>"

于 2016-09-14T23:12:32.750 回答