在加载时加载div“data”

我正在为EPiServer构建一个图像传送带，它的工作原理，但并不完全如我所愿。点击“下一步”按钮之后，当前的轮播开始旋转，然后它只显示一张图片。我希望它在页面加载时直接开始旋转。例如查看代码。想法？在加载时加载div“data”

<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" })

所以，当我按一下按钮，就开始与HREF顶端DIV打转，但我希望它作为页面的加载后立即启动。

感谢/ 弗雷德里克

来源

2015-10-07 Fredrik

你需要上传你正在使用，以激活转盘什么库和JavaScript。顺便说一句，这不是一个EPiServer任务，它是一个JavaScript任务。 –

由于Eric的评论你的问题，这是一个JavaScript的任务，开始你的形象carosel。

所有EPiserver所做的就是为您的图像carosel提供数据。其余的是由你的JavaScript carosel库来处理交互/动画。

image-carosel库中的大多数属性会处理carosel是否应该启动或等待交互。

所有我可以帮助你，只有附加的代码是告诉javascript点击你的按钮上加载。这不是一个推荐的方法，但它解决了你的问题。

$(document).ready(function() { 
 
    $('button[href=#carousel]').click(); 
 
    });

来源

2016-01-27 09:54:42 RoggA

在加载时加载div“data”

回答

相关问题