We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 30118
    • 22 Posts
    Можно ли как нибудь реализовать, чтобы при вставки картинки через TinyMCE, она автоматически обрамлялась тегом
    <a href="assets/images/[путь до картинки]/[имя вставляемой картинки, с каким-нибудь суффиксом]" rel="lightbox[maxigallery]" title=" - ">
    А сама картинка вставлялась с атрибутами
    class="thumbnail" title=" &raquo; Click to zoom ->" alt=" &raquo; Click to zoom ->"

    Просто мне нужно, чтобы все картинки при нажатии раскрывались в полные их версии, с эффектом лайт-бокс. Но располагаться они должны в любом месте контента. Использование MaxiGallery здесь неуместно, потому что заказчику вряд ли захочется запарываться со всякими пропечатываниями id.
      • 19164
      • 1,215 Posts
      Использование MG здесь вполне уместно, я правда для краткости использовал собственный сниппет, который по сути вызывал MaxiGallery с заданными параметрами. Просто сделать для заказчика сниппет с максимально упрощенной формой, у меня это было просто [[Image?pid=`x`]]

      Через редактор я заморачиваться не стал, но если кто-то реализует, будет интерестно посмотреть. Не стоит забывать что MG кроме закачки фоток, еще и автоматически генерирует предпросмотр, в моем случае еще обрезает предпросмотр до заданных размеров и накладывает водяной знак.

      Вот пример http://vw.metaller.ru/auto/passenger/passat/sales/trendline/ - весь сайт так и сделан.
        DirectResize 0.9 beta. PHPThumb, sets of configurations, configuration, binded to specific path. No backward compatibility. | DirectResize 0.9. PHPThumb, наборы параметров, параметры, привязанные к определенным путям. Без обратной совместимости.

        Unfortunately, DirectResize project is closed. If you want to continue development, PM me for access to project page on Google Code. К сожалению, проект DirectResize закрыт. Если вы желаете продолжить разработки, обращайтесь через ПМ для получения доступа к репозиторию на Google Code.

        [PLUGIN] DirectResize - as Maxigallery but for single images :: Download :: [url=http://modxcms.com/forums/index.php/topic,21490]
        • 30118
        • 22 Posts
        Т.е. получается, в нужном месте контента нужно вставить [[Image?pid=`x`]], где pid это id картинки?
        Поделишься сниппетом? а то сам я вряд ли напишу, а так было бы очень удобно.

        И еще вопрос, а как реализованы разные стили для ссылок на картинки (float:left/rigth)?
          • 31213
          • 153 Posts
          У меня это сделано так:
          1. Клиент закачивает картинки через обычный mcpuk, в mcpuk’е при этом я прописываю размеры превьюшки, которую он должен генерировать при закачке.
          2. При сохранении документа в /processors/save_content.processor.php регуляркой беру первый <img bla-bla-bla src="img.extension" bla-bla-bla/>. Mcpuk делает превьюшки такого формата .thumb_img.jpg, поэтому в дополнительную колонку thumbnail таблицы site_content записываю путь до превьюшки. При выводе документа для рядового пользователя показывается превьюшка, а по клику - большая. А в админке всегда показываются большие.

          Можно трясти TinyMCE, конкретно то окно, которое вставляет картинки, а там уж сделать так, чтобы возвращал нужный код.
            • 19164
            • 1,215 Posts
            Vadya corp. дело говорит, но мне такая функциональность в данном случае была не нужна, поэтому я сделал проще.

            А код сниппета следующий
            <?php
            if ($_REQUEST['action']=='upload_pics') return;
            $align =  "mgimage_left";
            if ($al == "r")
            {
            $align =  "mgimage_right";
            }
            if ($al == "none")
            {
            $align =  "mgimage";
            }
            $parms = array(
            "display"=>"embedded",
            "embedtype"=>"slimbox",
            "pic_query_ids"=>$pid,
            "galleryPictureTpl"=>$align,
            "manageOuterTpl"=>"",
            "managePictureTpl"=>"",
            "galleryOuterTpl"=>"@CODE:[+maxigallery.pictures+]"
            );
            return $modx->runSnippet("MaxiGallery",$parms);
            ?>
            


            как видно в $parms передается ряд параметров для вызова сниппета MaxiGallery, в данном случае это аналогично [[MaxiGallery?&display=`embedded` &embedtype=`slimbox` &pic_query_ids =`$pid,` ...

            Вызов сниппета следующий [[Image?&pid=`ID` &al=`A`]] где ID это ID картинки, а A это необязательный параметр управляющий выравниванием картинки. Он принимает 3 возможных значения -r, l, none. В зависимости от него в параметр galleryPictureTpl подставляются 3 разных чанка (их тоже нужно создать) mgimage_right, mgimage_left, mgimage для выравнивания картинки в тексте.

            mgimage_right
            <div style="clear: both;"></div>
            <a  style="float: right; margin: 3px 0 10px 10px;" href="[(base_url)][+maxigallery.path_to_gal+][+maxigallery.picture.filename+]" rel="lightbox[maxigallery]" title="[+maxigallery.picture.title:htmlent+]  [+maxigallery.picture.descr:htmlent+]"><img src="[(base_url)][+maxigallery.path_to_gal+]tn_[+maxigallery.picture.filename+]"  title="[+maxigallery.picture.title:htmlent+] [+maxigallery.strings.click_to_zoom+]" alt="[+maxigallery.picture.title:htmlent+] [+maxigallery.strings.click_to_zoom+]" border="0" /></a>


            Различаются они только аттрибутом float для тега а - у 2х других чанков там сооветсвенно float: left, а при al=`none` у чанка еще и отсутсвует <div style="clear: both;"></div> для случая, когда нужно расположить несколько картинок рядом в виде обычной галереи.

            Стоит отметить, что данный способ только ВЫВОДИТ картинки. Для ЗАКАЧКИ картинок на сервер, необходимо в шаблоне делать дополнительный вызов MG с рядом параметров, определяющий размер превьюшек, наносить ли водяные знаки или нет и т.д.

            У меня для этого в шаблоне было
            [!MaxiGallery? &limit=`0` &max_pic_size=`660` &max_thumb_size=`165x105` &quality_thumb=`90` &thumb_use_watermark=`1` &thumb_watermark_type=`image` &thumb_watermark_img=`assets/snippets/maxigallery/watermark/watermark.png`!]


            Параметр limit=`0` выставлен для того, чтобы данный вызов выводил лишь кнопку для закачки изображений, но не выводил саму галерею - у нас она выводится способом, описанным выше.
              DirectResize 0.9 beta. PHPThumb, sets of configurations, configuration, binded to specific path. No backward compatibility. | DirectResize 0.9. PHPThumb, наборы параметров, параметры, привязанные к определенным путям. Без обратной совместимости.

              Unfortunately, DirectResize project is closed. If you want to continue development, PM me for access to project page on Google Code. К сожалению, проект DirectResize закрыт. Если вы желаете продолжить разработки, обращайтесь через ПМ для получения доступа к репозиторию на Google Code.

              [PLUGIN] DirectResize - as Maxigallery but for single images :: Download :: [url=http://modxcms.com/forums/index.php/topic,21490]
              • 30118
              • 22 Posts
              Спасибо Metaller, очень помог.
              Теперь я несколько по другому смотрю на imageGallery )
                • 19164
                • 1,215 Posts
                Вот наткнулся на интерестный плагинчик, которым можно пользоваться без МГ, но позволяет вставлять картинки с использованием лайтбокса. http://modxcms.com/forums/index.php/topic,8487.0.html

                Интересен не ImgResizer из этой ветки, а упоминаемый ниже DirectResize.

                Смысл такой, как обычно вставляешь через Tiny картинку нужного размера. Плагин сам создаст и закеширует предпросмотр, и создаст лайтбоксную ссылку на увеличенное изображение.
                  DirectResize 0.9 beta. PHPThumb, sets of configurations, configuration, binded to specific path. No backward compatibility. | DirectResize 0.9. PHPThumb, наборы параметров, параметры, привязанные к определенным путям. Без обратной совместимости.

                  Unfortunately, DirectResize project is closed. If you want to continue development, PM me for access to project page on Google Code. К сожалению, проект DirectResize закрыт. Если вы желаете продолжить разработки, обращайтесь через ПМ для получения доступа к репозиторию на Google Code.

                  [PLUGIN] DirectResize - as Maxigallery but for single images :: Download :: [url=http://modxcms.com/forums/index.php/topic,21490]
                  • 27135
                  • 2 Posts
                  я надеюсь, что обращаюсь по теме: разработчик не доделал сайт на ModX. Была задача открывать превью фотографий из каталога в лайт-боксе. Я не являюсь программистом, поэтому прошу помощи. Дайте пошаговый алгоритм, как установить плагин, который бы изменял размер фото.
                    • 1788
                    • 1,103 Posts
                    Quote from: shtsss at Dec 01, 2009, 01:13 AM

                    я надеюсь, что обращаюсь по теме: разработчик не доделал сайт на ModX. Была задача открывать превью фотографий из каталога в лайт-боксе. Я не являюсь программистом, поэтому прошу помощи. Дайте пошаговый алгоритм, как установить плагин, который бы изменял размер фото.
                    Чуть выше у Металлера в подписе. В архиве есть русская инструкция.
                      • 27135
                      • 2 Posts
                      спасибо, внимательно читаю...в инструкции "скопируйте папку assets из архива в корневую папку вашего сайта". если я ее просто скопирую, она не перетрет имеющиеся файлы?