adobe cq5显示上载智能图像的缩略图

我正在CQ5中构建一个自定义组件，我遇到了一些问题

这个想法是：

• 在段落系统中，要添加名为

  imageItem

  的自定义组件
• 每个

  ImageItem

  由图像及其缩略图（自动生成）组成
• 为了将多媒体资料图像拖放到

  galleryitem

  组件中，我正在使用第一个选项卡上的cq5 smartimage组件
• 在第二个选项卡上，我想显示拖动图像缩略图的预览 （表示缩略图是在将图像作为资源上载时自动生成的，可以通过向原始图像url添加以下路径来访问：{image_url}.thumb.100.100.jpg）

---

是否有任何cq5组件可以为以下url显示这些图像？

我假设您正在讨论在组件的对话框中执行所有这些操作--

如果您只想在对话框中显示图像，而不提供xtype

smartimage

提供的所有编辑功能，则可以使用

html

属性设置为：

<img src="{your-thumbnail-image-path}" />

在您的情况下，您可能需要侦听

imagestate

事件（在的“事件”部分中找到），当它触发时，您需要执行以下操作：

功能（智能img）{
var dialog=this.findParentByType（'dialog'），
label=dialog.find（'name'，'thumbnailPreviewLabel'）[0]；
标签。更新（“”）；
}

其中

thumbnailPreviewLabel

是

标签

小部件的名称属性

对于这个例子，我采用了一些快捷方式，比如在dialog.xml中定义内联侦听器（这有点难看，因为转义的HTML字符-您可能希望在单独的javascript文件中定义函数，并在这里按名称使用它），我使用了DAM格式副本的原始路径，因为缩略图servlet不适合我

/libs/foundation/components/list/dialog/items/list/items/listFrom/listeners