1

CQ5 中的每个页面都可以在页面属性中附加一个图像。我需要添加自己的图像属性以在组件中使用。

我可以使用此链接将小东西添加为复选框，但是当我在页面属性中添加新图像选项卡时，即使现有图像也停止工作。即使我可以在页面中添加另一个图像对话框，我也无法获取新图像。这是我添加的新图像对话框。（详见附件）

我只想在轮播中使用图像[也许可以使用：

Resource r = page.getContentResource("image1");

JCR 图像结构对话框

有人可以帮我吗？我至少需要什么属性才能使它工作？

4

1 回答 1

3

您需要使用xtypeof smartimage（或 this 的版​​本，例如html5smartimage）。

下面是一些示例代码，它将在对话框中添加两个图像—— imageOne和imageTwo。您需要确保新图像的属性与现有图像的属性不冲突 - 即子节点的 、 和fileNameParameter应该fileReferenceParameter在下面的示例中是唯一的。namenameresType

<items jcr:primaryType="cq:TabPanel">
    <items jcr:primaryType="cq:WidgetCollection">
        <imageOnePanel
                jcr:primaryType="cq:Panel"
                title="Image One Panel">
            <items jcr:primaryType="cq:WidgetCollection">
                <imageOne
                        jcr:primaryType="cq:Widget"
                        border="true"
                        ddGroups="[media]"
                        fileNameParameter="./imageOne/fileName"
                        fileReferenceParameter="./imageOneFileReference"
                        height="300"
                        hideLabel="true"
                        name="./imageOne/file"
                        xtype="html5smartimage">
                    <items jcr:primaryType="cq:WidgetCollection">
                        <resType
                                jcr:primaryType="cq:Widget"
                                ignoreData="{Boolean}true"
                                name="./imageOne/sling:resourceType"
                                value="foundation/components/image"
                                xtype="hidden"/>
                    </items>
                </imageOne>
            </items>
        </imageOnePanel>
        <imageTwoPanel
                jcr:primaryType="cq:Panel"
                title="Image Two Panel">
            <items jcr:primaryType="cq:WidgetCollection">
                <imageTwo
                        jcr:primaryType="cq:Widget"
                        border="true"
                        ddGroups="[media]"
                        fileNameParameter="./imageTwo/fileName"
                        fileReferenceParameter="./imageTwoFileReference"
                        height="300"
                        hideLabel="true"
                        name="./imageTwo/file"
                        xtype="html5smartimage">
                    <items jcr:primaryType="cq:WidgetCollection">
                        <resType
                                jcr:primaryType="cq:Widget"
                                ignoreData="{Boolean}true"
                                name="./imageTwo/sling:resourceType"
                                value="foundation/components/image"
                                xtype="hidden"/>
                    </items>
                </imageTwo>
            </items>
        </imageTwoPanel>
    </items>
</items>

重用对话框中的代码并且不提供唯一属性可能会导致您在添加第二张图像时出现问题，尽管我不是 100% 从您看到的错误中。

于 2013-07-12T08:21:24.680 回答