0

そもそも、私は mvc にあまり詳しくありません。しかし、私は Umbraco 7.0.3 でポートフォリオを作成しました。ここでは、複数のメディア ピッカーを使用して画像を選択し、ページ上でループします。私が助けを必要としているのは、画像が縦向きか横向きかを確認し、2 つの異なるクラスのセットに基づいていることです。

<div id="container" class="photos clearfix">
    @{
        var mediaID1 = Model.Content.GetProperty("images").Value.ToString().Split(',');
    }

    @foreach (var mediaID in mediaID1)
    {
        var media = umbraco.uQuery.GetMedia(mediaID);
        <div class="photo">
            <a href="@media.GetImageUrl()" rel="shadowbox[gallery]"><img class="small-image" src="@media.GetImageUrl()" /></a>
        </div>
    }

</div>

このようなもの

<div id="container" class="photos clearfix">

    @{
        var mediaID1 = Model.Content.GetProperty("images").Value.ToString().Split(',');
    }

    @foreach (var mediaID in mediaID1)
    {
        var media = umbraco.uQuery.GetMedia(mediaID);
        if(portratit)
        {
        <div class="photo">
            <a href="@media.GetImageUrl()" rel="shadowbox[gallery]"><img class="small-image" src="@media.GetImageUrl()" /></a>
        </div>
        }
        else
        {
        <div class="photo w2">
            <a href="@media.GetImageUrl()" rel="shadowbox[gallery]"><img class="small-image" src="@media.GetImageUrl()" /></a>
        </div>
        }
    }
</div>

明らかに、私はこのように書くことができないことを理解していますが、私が求めているものを明確にしたかっただけです.

ありがとう、ジョナス

4

1 に答える 1

0

うまくいきました。

        @foreach (var mediaID in mediaID1)
    {

        var media = Umbraco.TypedMedia(mediaID);


        if (media != null)
        {
            int width = media.GetPropertyValue<int>("umbracoWidth");
            int height = media.GetPropertyValue<int>("umbracoHeight");


            if (@width < @height)
            {
                <div class="photo w2">

                    <a href="@media.Url()" rel="shadowbox[gallery]"><img class="small-image" src="@media.Url()" /></a>

                </div>

            }
            else
            {
                <div class="photo">
                    <a href="@media.Url()" rel="shadowbox[gallery]"><img class="small-image" src="@media.Url()" /></a>

                </div>
            }
        }
    }
于 2014-04-09T08:52:15.477 に答える