Carousel “负荷分配”；“数据”；在负载下

我正在为EPiServer构建一个图像旋转木马，它可以工作，但不是我想要的那样。当前旋转木马在我单击“下一步”按钮后开始旋转，在此之前它只显示一张图片。我希望它在加载页面时直接开始旋转。参见代码示例。想法

<div id="carousel" class="carousel slide" data-ride="carousel" data-interval="@(Model.Interval.GetValueOrDefault(7) * 1000)" @Html.EditAttributes(m => m.ContentArea)>

<div class="carousel-inner">
    @for (var index = 0; index < Model.Slides.Count(); index++)
    {
        var slide = Model.Slides.ElementAt(index);
        <div class="item @(index == 0 ? "active" : string.Empty) animated fadeInRight">
            @{
        Html.RenderPartial(slide.GetCarouselSlidePartialViewName(Html), slide,
            new ViewDataDictionary { { "ImageHeight", Model.ImageHeight.GetValueOrDefault(600) }, { "ImageWidth", Model.ImageWidth.GetValueOrDefault(1889) } });
            }
        </div>
    }
</div>


<button href="#carousel" data-slide="next">CLICK ME</button>
@Html.FullRefreshPropertiesMetaData(new[] { "ContentArea" })

m.ContentArea）>
@对于（var index=0；index

因此，当我单击按钮时，它开始旋转，href指向顶部div，但我希望它在页面加载后立即开始

谢谢/

---

Fredrik

正如Eric对您的问题所做的评论，启动图像carosel是一项javascript任务吗

EPiserver所做的一切就是用数据渲染图像carosel。其余部分由javascript carosel库来处理交互/动画

映像carosel库中通常有一个属性，用于处理carosel是否应在加载时启动或等待交互

我能帮你做的只是告诉javascript在加载时点击你的按钮。这不是一个推荐的方法，但它解决了你的问题

$（文档）.ready（函数（）{
$（'button[href=#carousel]'）。单击（）；
});

您需要发布用于激活旋转木马的库和javascript。顺便说一下，这不是一个epserver任务，而是一个javascript任务。