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



Подскажите пжл, как получить вывести оригинальные значение картинки
Диман
28 июня 2022, 18:49
modx.pro
101
0

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

Артур
28 июня 2022, 19:23
0
Вставить в шаблон тэг img в атрибут src, которого записать плейсхолдер со значением поля, хранящего картинку.
    Диман
    29 июня 2022, 06:03
    0
    Не совсем понял -> которого записать плейсхолдер со значением поля, хранящего картинку,
    как сия конструкция должна выглядеть, пример можете показать !?
      Артур
      29 июня 2022, 11:08
      0
      Вот так
      <img src="{$img}">
      Просто изначально не понятно в чём проблема? Вам оригинал нужен по качеству или по физическим размерам? Если второе, то картинка не в каждый монитор влезет.
        Диман
        03 июля 2022, 14:19
        0
        Извините, нужно было сразу код прописать
        {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
    1
    +1
    <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>
      Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
      5