SuperAPI AI 工具集

syncfusion-aspnetcore-carousel

通用与其它

查看项目

更新于 10-16 01:25

技能介绍

该技能介绍如何在 ASP.NET Core 中使用 Syncfusion Carousel 组件,用于展示一组幻灯片,支持自动过渡、触摸与鼠标滑动、可定制动画以及多种指示器样式,适合图片画廊、内容轮播、客户评价等需要顺序展示内容的场景。主要能力包括:通过 carousel 容器与 carousel-item 定义幻灯片;支持数据源绑定与 itemTemplate 模板;配置 autoPlay、interval、loop、pauseOnHover 等自动播放行为;选择 Slide、Fade、None、Custom 动画效果;控制导航按钮可见性(Visible、Hidden、VisibleOnHover);配置指示器类型(Default、Dynamic、Fraction、Progress);启用触摸滑动与部分可见幻灯片;处理 slideChanging、slideChanged 等事件;使用 WebP 图片、状态持久化、RTL 渲染等优化。使用方式:安装 NuGet 包 Syncfusion.EJ2.AspNet.Core,在 _ViewImports.cshtml 注册 Tag Helper,引入样式与脚本资源,然后以 ejs-carousel 标签声明组件,并配置相应属性与模板。示例中通过 <ejs-carousel autoPlay="true" animationEffect="Slide" buttonsVisibility="Visible" showIndicators="true"> 搭配 e-carousel-items 与 e-carousel-item 完成基本轮播。限制方面,资料未提供具体版本要求、授权与收费信息、浏览器兼容的详细版本号及性能数值,这些均暂未提供,使用前需另行确认。