带有来自媒体库 Kentico 11 的图像的图像轮播

Question

我想在 Kentico 11 中创建一个 bootstrap 图像轮播，同时从媒体库中获取图像。是否有任何在页面中创建它的分步指南？

Answer 1

如果您使用的是门户引擎，请查看有关创建新 Web 部件的文档。动态组件，在您的情况下是图像轮播）

https://docs.kentico.com/k11/custom-development/developing-web-parts/creating-new-web-parts

或查看默认的 图片库 Web 部件，它呈现大量图像。

取决于实施，但关于直接使用 API 从媒体库获取项目，请尝试 API 示例：

https://docs.kentico.com/api11/content-management/media-libraries

你最终得到的结果是：

MediaFileInfo myFile = MediaFileInfoProvider.GetMediaFileInfo(library.LibraryID, "NewFolder/Image.png");

Answer 2

我建议使用媒体库 Web 部件（如果您使用的是门户引擎）。您需要设置：

现有媒体库列表中的媒体库
根据需要调整内容转换

更新：转换示例如下：

<a rel="lyteshow[4]" 
  href="<%# HTMLHelper.HTMLEncode(MediaLibraryFunctions.GetMediaFileUrl(Eval("FileLibraryID") ,Eval("FilePath"), Eval("FileGUID"), Eval("FileName"), GetDataControlValue<bool>("UseSecureLinks"), false)) %>?ext=<%# Eval("FileExtension", true) %>" 
  title="<%# ResHelper.GetString(Convert.ToString(Eval("FileDescription", true))) %>"><img 
    src="<%# MediaLibraryFunctions.GetMediaFileUrl(Eval("FileGUID"), Eval("FileName")) %>" 
    alt="<%# ResHelper.GetString(Convert.ToString(Eval("FileDescription", true))) %>" 
    title="<%# ResHelper.GetString(Convert.ToString(Eval("FileTitle", true))) %>" 
    width="140" border="0" /></a>

Answer 3

我会按照以下步骤操作：-

创建自定义页面类型（仅限内容）以包含图片 URL(媒体
选择器）、替代文本、重定向 URL 属性。
创建文件夹轮播。
在每个轮播图片的文件夹下创建页面，并通过媒体选择器上传图像并更新其他属性。
在轮播引用所有的页面上添加转发器转换轮播文件夹下的页面。

带有来自媒体库 Kentico 11 的图像的图像轮播

Image Carousel with images from Media Library Kentico 11

kentico