Image Carousel与来自Media Library Kentico 11的图像

Question

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

Answer 1

我会按照以下步骤： -

• 创建自定义页面类型（仅限内容）以具有图像URL（媒体 选择器），AltText，重定向URL属性。
• 为carousel创建一个文件夹。
• 在每个轮播图像的文件夹下创建页面，并通过媒体选择器上传图像并更新其他属性。
• 在页面上添加转发器转换，用于引用carousel文件夹下所有页面的轮播。

Answer 2

如果您正在使用门户引擎，请查看用于创建新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 3

我建议使用Media Gallery Web Part（如果您使用的是Portal Engine）。你需要设置：

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

UPD：转换示例见下文：

<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>