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



Подскажите пжл, как получить вывести оригинальные значение картинки
Диман
Диман
28 июня 2022, 18:49
modx.pro
1 178
Техническая поддержка MODX Сайт лежит, тормозит или остался без разработчика? Переезд с MODX 2 на 3, PHP 7 на 8, скорость и безопасность. Поддержка со сроками и ответственностью, а не совет в чате. Подробнее Реклама

Комментарии: 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>
      Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
      5