如何创建包含文字和图像的灯箱？

Question

我不擅长编程。我正在尝试创建一个包含灯箱和内容的图片库。

我正在寻找一种用于这种功能的插件。

有什么建议吗？

Answer 1

您可以使用免费的WordPress Colorbox plugin创建类似类型的弹出窗口。这是一个用于WordPress的简单灯箱插件，允许用户使用流行的jQuery ColorBox库在灯箱中弹出内容。您也可以查看特定媒体文件的较大版本，而不必离开页面。

功能

• 支持照片，分组，幻灯片，ajax，嵌入式和iframed内容
• 轻量级：10KB的JavaScript（压缩后少于5KB）
• 外观是通过CSS控制的，因此可以重新设置样式
• 可以通过回调和事件挂钩进行扩展，而无需更改源文件
• 完全不引人注目，选项是在JS中设置的，不需要更改现有的HTML
• 在照片组中预加载即将拍摄的图像
• 对插入WordPress帖子/页面中的图像应用灯箱效果
• 适用于移动设备的自适应灯箱弹出窗口（非常适合较小的屏幕）

如何在灯箱中打开图像

创建一个新的帖子/页面，并使用以下短代码创建一个文本/图像链接，单击该链接即可在灯箱中打开图像：

[wp_colorbox_media url="http://example.com/wp-content/uploads/images/overlay.jpg" type="image" hyperlink="click here to pop up image"]