如何在图像字段中添加描述?


8

我有有一个内容类型字段中的像场类型。

编辑此字段时,我看到可以:

Enable Alt field

并且还可以:

Enable Title field

有什么方法可以添加描述字段以显示在每个图像下方。

Answers:


3

要考虑的另一种可能对您不起作用的选项是使用EXIF模块,并使其自动获取EXIF标题,然后可以使用类似以下的方式进行批量上传:Multiupload Imagefield Widget您只需在EXIF字段中添加可以获取图像数据并运行rush exif-update,但是我不确定这是否适合您的用例,它完全取决于具有嵌入式EXIF数据的图像(例如,来自Adobe Lightroom或iPhoto)。

这主要是我建立新站点High Rock Photo的方式,但在我的案例中仅包含单个图像,但是我认为它可以通过Multiupload Imagefield Widget进行扩展。只是以为我会把它扔在那里。

这是我的食谱:

  • 标题模块(将传统的标题转换为字段,以便您可以对其进行处理)。
  • 代币
  • 自动节点标题
  • Exif

  • 您将如上所述添加Multiupload Imagefield Widget。我已经使用了这个模块,但是没有在这个确切的配方中使用。

本质上,我所做的是使用“标题”模块并替换了传统标题,因此您可以将其设置为不需要。使用“自动节点标题”从图像的Exif数据中获取令牌并将其用作自动标题。请注意,您实际上可以将Exif数据用于任何字段来显示,因此您甚至不需要完全替换Title Nos。如果有时间,我将使用“多次上传”小部件对此进行测试。对于图像描述,我使用iptc_caption图像中的Exif 。

请注意,Exif 有一个错误(尚未修复或维护者响应),使您每次重新保存节点时都运行drush exif-update。不理想。


3

为此,您需要在字段类型中添加另一列,目前尚无本机支持。

您并不是唯一想要此功能的人(我肯定会喜欢它),并且有一个修补程序hook_field_schema_alter()向字段模块添加了一个功能,您可以使用该功能来添加额外的列。我没有尝试过,但是上面链接上的评论和测试似乎表明它确实有效。

请记住,如果您沿那条路线走,还必须实现其他一些alter hook(hook_field_widget_form_alter()例如),因此这不是快速解决方案。

如果您不打算打补丁,您可能只想使用Field Collection模块来完成类似的工作。您可以添加一个包含图像小部件和textarea小部件的收集项,以基本实现相同的效果(尽管对性能有一些很小的影响)。


1
是的,“字段收集”选项有效。我从未真正注意到过性能影响。但是,与他们合作可能会有些痛苦。修改标记也可能有些粗糙。
mpdonadio

1
我也想到了Field Collection,但我需要上传100张图片。我可以使用image field和multiupload_imagefield_widget模块一次完成此操作。如果我使用字段集合,则需要手动上传每个图像。
–chefnelone

嗯,看起来像修补现场模块是您唯一能够做到的方式
克莱夫(Clive)

为Field Collection +1,我认为这将非常有用。
丹尼·英格兰

我知道了,我会尝试寻找其他方法来做。
–chefnelone

3

这个问题促使我为Drupal 7 构建了Image Field Caption模块。

该模块为图像字段添加了一个类似于alt / title文本字段的额外文本区域。标题文本区域可用于将纯文本或html描述添加到图像字段。

  1. 下载模块
  2. 启用模块
  3. 在图像字段中添加内容类型,或在图像字段中使用现有内容类型
  4. 添加或编辑带有图像字段的节点
  5. 在图像字段标题文本区域中输入文本或html
  6. 保存节点并查看它,以查看图像字段下方显示的标题

要自定义标题显示,请复制image_field_caption.tpl.php文件并将其放置在主题的目录中,例如:

sites/all/themes/MY_THEME/image_field_caption.tpl.php

现在,您可以修改html以满足您的需求。


启用此模块后,标题文本区域不会显示。我已经清除了缓存。我试图将标题添加到具有现有内容的现有内容类型中的现有图像字段中。
兰德尔2014年

更新:只是注意到它仅在使用媒体浏览器窗口小部件类型的图像时不起作用。
兰德尔2014年

@Randell,请在此处通知问题队列:drupal.org/project/issues/image_field_caption
tyler.frankenstein 2014年

1

另外,为了给图像添加字幕,有一些模块

图片说明

描述:

该模块使用JQuery向图像动态添加字幕。图像标题属性用于创建标题。它基本上将图像包装在html容器div中,获取图像标题文本,并将其附加在图像下方的子div中。从技术上讲,它通过实现Drupal的hook_nodeapi来工作,当查看已配置类型的节点时,将一小段说明文字jquery添加到页面的头部。

图像字段标题

描述:为图像字段的标题添加额外的文本区域。

与图像字段可用的alt和title文本字段相似,标题文本区域可用于输入图像的文本或html描述。

标题

描述:这是Drupal 7.x的简单模块,它使用jQuery将图像的TITLE或ALT属性转换为图像标题。有一个设置页面,其中包含许多可能的配置。图像标题将不会显示在“所见即所得”编辑器中,但在您查看该节点时将可见。

该模块与相似的模块在几个方面有所不同。


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.