biper

модалка содержит форму ajax, при отправке формы после заполнения (правильного, неправильного — все едино… или при обновлении страницы) окно закрывается вместе с сообщениями об отправке/ошибке, которые в модальном окне отображаются в это время… А нужно, чтобы событие обрабатывалось полностью в модалке — т.е. открытая модалка закрывалась бы ТОЛЬКО принудительно, с кнопки «закрыть окно». Вопрос: как сие реализовать ?!

простите нубского падавана, ибо я вот опять на неопределенное время пропаду из города через час/два… потому задам вопрос на вырост себе и на момент появления снова: я вот пытаюсь понять, как сделать нечто, чего основ языка не знаю. Имеет момент сложностей перевода… Может просто подскажете что пока в разъездах почитать на эту тему, ибо напрягать вас своими глупостями как-то и неэтично вроде :)

<li class="col-lg-4 col-6 thumb pic_gal"> <p style="text-align: center; color:white;">[[+name]] ([[+total]])</p>

[[!Gallery? &album=`[[+id]]`&toPlaceholder=`photos`&thumbTpl=`tpl.gallery.image` ]]

    <a  data-fancybox="gallery-[[+album]]"   href="[[+url:is=``:then=`[[+image]]`:else=`[[+url]]`]]" [[+link_attributes]] 
    class="gallery-preview" data-photos="[[+photos:commaSeparate]]">
        [[+image:notempty=`<img src="[[+image]]" [[+cls:notempty=`class="[[+cls]] "`]] alt="[[+title]]" />`]]
    </a>
    
</li>

и что не так та?

видимо, можно подставить еще какие то плейсхолдеры, чтобы сформировать путь к картинке ?! Или глупость изволю…? :)

нифига...

я вот вижу, что при клике открывается теперь путь в виде «tsknnmgc.beget.tech/#gallery--1», далее… пролистываются картинки «tsknnmgc.beget.tech/#gallery--2»… и так далее..., т.е. суть действий вроде как правильная… но [[+album]] указывает на альбомы, а требуется еще и картинку внутри альбома указать исчо типа `[[+image]]` или как?.. Может глупо рассуждать так… :) но иначе не понять. Пробовал методом слепого котенка :) но ить это не метод… плаваю я в этом ибо… самоучкой все приходится

сделал все по вашей инструкции

[[!Gallery?
    &album=`[[+id]]`
    &toPlaceholder=`photos`
    &thumbTpl=`tpl.gallery.image`
]]
<a 
    
    data-fancybox="gallery"
    
     href="[[+url:is=``:then=`[[+image]]`:else=`[[+url]]`]]" [[+link_attributes]] class="gallery-preview" data-photos="[[+photos:commaSeparate]]">
    [[+image:notempty=`<img src="[[+image]]" [[+cls:notempty=`class="[[+cls]]"`]] alt="[[+title]]" />`]]
</a>
</li>

при клике, если вот как в инструкции, то отображается картинка с обложкой альбома, без всяких стрелок управляющих и пр… если добавляю в код ссылки data-fancybox=«gallery»… то все отображаются штатно, но при этом обложки всех альбомов, а не фото в альбоме, как того желалось бы… :) Боюсь, я утомил :( не только себя

Разобрался… все оказалось проще… потерялась data-fancybox=«gallery» в «galAlbumRowWithCoverTpl»… :)

Остался последний вопрос — сейчас в модалке при клике отображаются не только фотографии одного альбома, а вообще все подряд… я так понимаю это нужно тоже в «galAlbumRowWithCoverTpl» настраивать параметры для ссылки ?!

так

<script type="module"> import { Fancybox } from "https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.esm.js";</script>

жеж вроде как… Или я что не так говою?

ничего не понимаю… все вроде подключал…
вот сейчас подставил скрипт прямо на странице…

<script
  src="https://code.jquery.com/jquery-3.7.0.min.js"
  integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g="
  crossorigin="anonymous"></script>

принудительно убил весь кеш, обновил страницу… консоль ошибки не выдает…

проверил скриптом подключение jquery — выдает версию 3.7.0// т.е. все гут… но все как и прежде… не пашет…

не понимаю… где вообще копать (GalItemThumb?) чтобы при клике ссылка открывала модалку с картинками альбома… синапсы попутались, а сегодня опять исчезну вечером… вернусь — буду пытаться снова лбом в эту стену. Вам спасибо за сочувствие и помощь :)

Прошу пардону… у компа сейчас бываю эпизодически… короче вот что происходит -:(живьем на tsknnmgc.beget.tech)

Вызов галереи в блоке на странице********************

<div class="container-fluid">
     <hh>ГАЛЕРЕЯ наших работ</hh><hr>
         <div class="row" style="margin: 0;">
            
[[!GalleryAlbums? &toPlaceholder=`GalleryAlbums` &limit=`0` &albumCoverSort=`rank` &prominentOnly=`1` &rowTpl=`galAlbumRowWithCoverTpl`&thumbWidth=`400` &thumbHeight=`266`]]

[[!Gallery? &album=`[[*galery_name]]` &limit=`0` &checkForRequestTagVar=`1`&sortby=`{"publishedon":"ASC"}`  &toPlaceholder=`Gallery` 
&useCss=`0` &containerTpl=`GalleryAlbumTpl1` itemCls=`carousel-item` activeCls=`carousel-item active` ]]

[[+Gallery:isnot=``:then=`<div class="carousel-inner gallery_pic">[[+Gallery]]</div>`:else=`<ul class="carousel-inner gallery_pic">

[[+GalleryAlbums]]</ul>`]]
           
         </div>        

        <p class="con"> </p>         

      </div>

Выглядит результат — выводятся обложки альбомов и их названия… тут все гут… При клике по обложке альбома открывается в модалке картинка с этой же картинкой, что и на обложке… а должна открываться галерея – т.е. просмотр всех картинок, что вложены в альбом. FancyBox подключен и ранее (когда была простая галерея) уже проверял – все работало… Что не так… не понимаю ☹



galAlbumRowWithCoverTpl

<li class="col-lg-4 col-6 thumb pic_gal"> <p style="text-align: center; color:white;">[[+name]] ([[+total]])</p>

[[!Gallery? &album=`[[+id]]`&toPlaceholder=`photos`&thumbTpl=`tpl.gallery.image`]]
    <a href="[[+url:is=``:then=`[[+image]]`:else=`[[+url]]`]]" [[+link_attributes]] class="gallery-preview" data-photos="[[+photos:commaSeparate]]">
        [[+image:notempty=`<img src="[[+image]]" [[+cls:notempty=`class="[[+cls]] "`]] alt="[[+title]]" />`]]
    </a>
</li>

GalItemThumb

<div class="[[+cls]]">
    <a href="[[+linkToImage:if=`[[+linkToImage]]`:is=`1`:then=`[[+image_absolute]]`:else=`[[~[[*id]]?
            &[[+imageGetParam]]=`[[+id]]`
            &[[+albumRequestVar]]=`[[+album]]`
            &[[+tagRequestVar]]=`[[+tag]]` ]]`]]" title="[[+name]]" [[+link_attributes]]>
        <img class="[[+imgCls]]" src="[[+thumbnail]]" alt="[[+name]]" [[+image_attributes]] />
    </a>
</div>

GalleryAlbumTpl1

<div class="clearfix mosaicflow carousel-item"> 
 [[+thumbnails]]
</div>

Прошу прощения за столько подробностей, но чейт не пойму, что делаю не так

ибо вроде как масло масляное получается в нем…

ни фига…: (
логику вроде понимаю… а сам вызов не нужно ничего менять?

<div class="container-fluid">
     <hh>ГАЛЕРЕЯ наших работ</hh><hr>
         <div class="row" style="margin: 0;">
            
[[!GalleryAlbums? &toPlaceholder=`GalleryAlbums` &limit=`0` &albumCoverSort=`rank` &prominentOnly=`1`
&rowTpl=`galAlbumRowWithCoverTpl`&thumbWidth=`400` &thumbHeight=`266` &thumbTpl=`GalItemThumb1` &imageWidth=`900` &imageHeight=`900`]]

[[!Gallery? &album=`[[*galery_name]]` &limit=`0` &checkForRequestTagVar=`1`&sortby=`{"publishedon":"ASC"}`  &toPlaceholder=`Gallery` 
&useCss=`0` &containerTpl=`GalleryAlbumTpl` itemCls=`carousel-item` activeCls=`carousel-item active` &thumbWidth=`400` &thumbHeight=`266` 
&thumbTpl=`GalItemThumb1` &imageWidth=`900` &imageHeight=`900`]]

[[+Gallery:isnot=``:then=`<div class="carousel-inner gallery_pic">[[+Gallery]]</div>`:else=`<ul class="carousel-inner gallery_pic">

[[+GalleryAlbums]]</ul>`]]
           
         </div>
        <p class="con">
         </p>
      </div>

спасибо, попробуую :) несколько омрачает что галерея находится в карусели, видимо оттого не совсем получается… постараюсь разобраться

fancyBox3

fanсybox

Спасибо, попробую :)

в модалке предпочтительно

так точно… :) как?

Проект tsknnmgc.beget.tech

Modx Gallery. Блок на главной — «ГАЛЕРЕЯ НАШИХ РАБОТ» содержит некоторое количество альбомов, внутри которых фотографии. Если выводить стандартным чанком «galAlbumRowWithCoverTpl», то выводятся заглавные картинки альбомов.

А как сделать при клике на альбом, чтобы открывалась галерея с фотографиями (содержимым альбома)…? не понимаю… Сейчас ссылка в чанке на это выглядит так..

<a href="[[+url:is=``:then=`[[+image]]`:else=`[[+url]]`]]" [[+link_attributes]]>
        [[+image:notempty=`<img src="[[+image]]" [[+cls:notempty=`class="[[+cls]]"`]] alt="[[+title]]" />`]]
    </a>

Как поменять ее в нужную сторону ?

интереса для поставил Tickets на пустой… только что оснащенный Modx сайт и тупо вывел на главной в базовой странице комменты shevam00.beget.tech

НЕ РАБОТАЕТ!!! форма отображается, но комментарий невозможно ни написать ни отправить ни получить в панели администратора… Редактор тоже не виден? Это как понимать ??? PHP менял сразу скажу :)))