2016-09-02 15 views
0

私はkentico 9にブートストラップ3カルーセルを実装してあります場合は、自動的に(円インジケータと、次/前の矢印を含む)カルーセルコントロールを非表示にするといくつかの助けを必要としていますがあるかどうカルーセルは、コントローラを非表示にするには、ブートストラップ可能であれば、1つのアイテムしか残されません。Kentico - 一つだけのアイテム

私はカルーセルのためにやったことは、それぞれのバナーを/ヒーロー/フォルダの下のコンテンツツリー内のページである。このため、新たなページタイプを設定しました。次に、2つのリピーターを使用します。最初のものは円のインジケーターを表示します。 2番目のバナーはバナー情報を表示します。すべてうまくいった。

はここインジケータリピータが設定されている方法は次のとおりです。

Content before: <ol class="carousel-indicators"> 
Content after </ol> 
Item transformation: <li data-target="#hero-banner" data-slide-to="<%# DataItemIndex%>" class="<%# (DataItemIndex == 0 ? "active" : "") %>"></li> 

は、それは最初の円が常に存在することを意味します。それを隠し、前/後のコンテンツで<ol>タグを取り除くためにどのように?

次/前の矢印は、このHTMLを持った後、Webパーツゾーンの内容、再びです:/は後にページ上にハードコーディングのようですが、私にはないの前にコンテンツを使用して

<a class="left carousel-control" href="#hero-banner" data-slide="prev"><span class="icon-prev"></span></a> 
<a class="right carousel-control" href="#hero-banner" data-slide="next"><span class="icon-next"></span></a> 
</div> <!--/#hero-banner--> 

複数のアイテムがある場合にのみ動的に表示する方法を知っています。手伝ってくれる?

答えて

0

あなたは[1]

[変換方法]の<%# DataItemCount %>つを使用することができます[1]:https://docs.kentico.com/display/K8/Reference+-+Transformation+methodsがありますどのように多くの項目を決定します。次に、複数のHTMLがある場合は、HTMLを追加します。あなたは矢印を表示する/した後の前に封筒を使用している場合はもちろん

<%# If(DataItemCount > 1,'html for more than one item','html for only one') %> 

のようなものは、あなたも&は、そのオフに基づいて、矢印を非表示がある項目の数を決定するためにjqueryのを使用することができます。

$(function(){  
    if($(".carousel-indicators li").length == 1){ 
     $(".left.carousel-control").hide(); 
     $(".right.carousel-control").hide(); 
    } 
}); 
+0

ありがとうございました!私はKenticoにそうだったと:)前/後コンテンツで何かを表示するという点でjqueryのを忘れてしまいました。とても有難い! – Michelle

関連する問題