Как добавить наложение текста на каждое изображение, добавленное с помощью бритвы?

Question

Мне нужно добавить наложение чисел к каждому изображению, которое добавляется с помощью моего бритвенного кода. Изображение генерируется бритвой через параметры из моей базы данных SQL.

В идеале это число должно увеличиваться с каждым добавлением изображения, но это я могу сделать сам.

Вот код ... с этой комбинацией я не могу использовать Javascript. Он просто добавляет изображение в 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>