Question

我需要为通过剃刀代码添加的每个图像添加一个数字叠加层。图片是通过剃刀通过我的SQL数据库中的参数生成的。

理想情况下，每次添加图像时，数字应该增加，但是我自己可以做的很多。

这是代码...通过这种组合，我无法使用Javascript。它只是将一个图像添加到具有从db表传递来的图像源和样式的viewBox中。

<div class="col-10 viewBox">

            @foreach (var x in Model.Structures)
            {
                    <img src="@x.ImageSource" style="@x.Style" />

            }

</div>

我开始认为我试图做的事情是不可能的，或者以我想要的方式是不可能的。请以我的方式发送所有建议，谢谢。

Answer 1

您可以在标签内添加数字，然后float到right

   <div class="col-10 viewBox">
    <span class="label label-default pull-right">SOME NUMBER</label>
                @foreach (var x in Model.Structures)
                {
                        <img src="@x.ImageSource" style="@x.Style" />

                }

    </div>

如何为通过剃刀添加的每张图像添加文字叠加？

1 个答案: