Question

これは以前に尋ねられたことは知っていますが、私が試した解決策は私のために働いていません。私は複数のメディアピッカーからX個の画像をカルーセル要素に挿入する必要があります。

現在、ハードコードされたインデックスを使用して各画像を抽出しています。

<div class="active item" data-slide-number="0"> <img src='@(Model.Content.GetPropertyValue<IEnumerable<IPublishedContent>>("sommerhusBilleder").ToList()[0].Url)'></div> 

ただし、クライアントが任意の数の画像を挿入できる必要がある場合は、この機能は動作しません。このマークアップを使って各画像を繰り返し処理する必要があります。データスライド番号も毎回変更されるため、関連するサムネイルと一致します。

どのようにしてX個の画像を繰り返して、そのカルーセルでURLを抽出すればよいですか？私はこれをやっていた場合

Answer 1

、私は、変数として画像を宣言し、ビューの上部には、

を、このアプローチを使用すると思います。

@{ 
    var images = Model.Content.GetPropertyValue<IEnumerable<IPublishedContent>>("sommerhusBilleder").ToList(); 
} 

次に、このループを使用してアイテムを一覧表示します。

トリックを行う必要があります.i変数を使用してスライド番号を追跡し、必要に応じて使用することができます。

編集;レンダリング時に最初のスライドだけをアクティブにすることも忘れないでください。ループの最初に何があるかをテストすることでこれを行うことができます。