Question

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

Answer 1

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

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

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

最终会出现类似这样的内容：

$.ajax({
    type: 'POST',
    dataType: 'JSON',
    url: '/api/payment/'+userId+'/'+payRef,
    data: 'userId='+userId,
    success: function (data) {
        console.log(data);
        MessengerExtensions.requestCloseBrowser();
    }
})

Answer 3

我建议使用Media Gallery Web部件（如果使用的是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>

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

3 个答案: