Получить оригинальное значение загруженной картинки

Подскажите пжл, как получить вывести оригинальные значение картинки

Диман

28 июня 2022, 18:49

1 062

Комментарии: 5

Артур Шевченко

28 июня 2022, 19:23

Вставить в шаблон тэг img в атрибут src, которого записать плейсхолдер со значением поля, хранящего картинку.

Диман

29 июня 2022, 06:03

Не совсем понял -> которого записать плейсхолдер со значением поля, хранящего картинку,
как сия конструкция должна выглядеть, пример можете показать !?

Артур Шевченко

29 июня 2022, 11:08

Вот так

<img src="{$img}">

Просто изначально не понятно в чём проблема? Вам оригинал нужен по качеству или по физическим размерам? Если второе, то картинка не в каждый монитор влезет.

Диман

03 июля 2022, 14:19

Извините, нужно было сразу код прописать

{set $files = json_decode($_modx->resource.gallery, true)}
<div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper mySwiper2">
    <div class="swiper-wrapper pswp-gallery" id="gallery--no-dynamic-import">
        {foreach $files as $file}
        <div class="swiper-slide ">
            <a href="{$file.img}" data-pswp-width="!!!тут нужен оринал!!!" data-pswp-height="!!!тут нужен оригинал!!!" target="_blank">
                <div class="product__media--view__icon">
                    <div class="product__media--view__icon--link glightbox">
                        <i class="fa fa-search"></i>
                        <span class="visually-hidden">Просмотр</span>
                    </div>
                </div>
                <img src="{$file.img | pthumb: "w=570&h=450&f=webp&zc=1&q=90"}" alt="{$_modx->resource.pagetitle}">
            </a>
        </div>
        {/foreach}
    </div>
</div>

по физическим размерам

Роман

29 июня 2022, 09:01

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/2/28/Bull_Moose.jpg/1280px-Bull_Moose.jpg" id="imageid" width="400" />
<div id="originalSize"></div>
<script>
    var img = document.getElementById('imageid');
    document.getElementById('originalSize').innerHTML = img.naturalWidth + "x" + img.naturalHeight + "px";
</script>

Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.