We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 37733
    • 21 Posts
    Сделал на сайте галерею. Использовал сниппет Gallery. Все хорошо, работает. Последовательно отображает альбомы и при нажатии на альбом открывает изображения.
    Далее вроде как при нажатии на миниатюру изображения должно открываться полное при помощи Colorbox. И вот этого не происходит - изображение просто открывается как новая страница и все.
    В качестве мануала использовал вот эту статью: http://modx.ws/blog/blog-o-modx-revolution/modx-revolution-galereya.html
    Все сделал как и написано, только чуть подправил чанки (незначительно, например, убрал отображение названия фотографии).
    Путь к файлу js указал свой. Папка images лежит там же где и файл. Т.е. вроде все ок должно быть.
    Может кто сталкивался с таким?
    P.S. сервер локальный (XAMPP).
      • 31246 ☆ A M B ☆
      • 428 Posts
      Изначально нужно проверить нет ли конфликта скриптов.
      К примеру в лисе с помощью firebug,
        Valentin Rasulov - Industrial design (Hobbies - Web Development)
        Development not standard projects on CMF MODx Revolution.
        Small sample of extensions
        • 37733
        • 21 Posts
        Поставил firebug для Хрома. Честно говоря первый раз пользуюсь, поэтому может не то щас выдам.
        Запустил этот плагин. Открыл изображение в галерее и зашел в firebug. В разделе скриптов вот что написано
        {"success":false,"message":"\u0414\u043e\u0441\u0442\u0443\u043f \u0437\u0430\u043a\u0440\u044b\u0442.","total":0,"data":[],"object":[]}
          • 37733
          • 21 Posts
          Так ну и как понял при открытии изображения идет обращение к connector.php по адресу assets/components/gallery/.
          Полное содержание адресной строки такое
          http://localhost/www/assets/components/gallery/connector.php?action=web/phpthumb&w=800&h=800&zc=0&far=&q=90&src=http%3A%2F%2Flocalhost%2Fwww%2Fassets%2Fcomponents%2Fgallery%2Ffiles%2F1%2F6.JPG
            • 31246 ☆ A M B ☆
            • 428 Posts
            нам нужна консоль, и проследить, при открытии изображения появляются ошибки.
            Я пометил, примерно, как выглядит в прикреплённом файле
              Valentin Rasulov - Industrial design (Hobbies - Web Development)
              Development not standard projects on CMF MODx Revolution.
              Small sample of extensions
              • 37733
              • 21 Posts
              Так вот вывод.

              И тогда для большей информативности привожу то, что находится в HEAD
              <head>
              <title>Limited</title>
              <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
              <link rel="stylesheet" type="text/css" href="style.css" />
              <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script>
              <script src="colorbox/jquery.colorbox-min.js"></script>
              <script>
              $(document).ready(function () {
              $("a[rel='colorbox']").colorbox();
              $('#[[+ec.calendar_id]] .[[+ec.class_prev]] a, #[[+ec.calendar_id]] .[[+ec.class_next]] a').live('click', function() {
                          $('#[[+ec.calendar_id]] .[[+ec.class_calendar]]').css('opacity', '0.3');
                          date = $(this).attr('rel');
                          $.post('[[~id]]', {action: 'refreshCalendar', date: date}, 
                              function(data) {
                                  $('#[[+ec.calendar_id]]').html(data);
                                  $('#[[+ec.calendar_id]] .[[+ec.class_calendar]]').css('opacity', '1');
                              }
                          )
                          return false;    
                      })
                      $('#[[+ec.calendar_id]] .[[+ec.class_isevent]]').live('mouseover',function() {
                          id = this.id;
                          $('#' + id + ' .event').show();
                      })
                      $('#[[+ec.calendar_id]] .[[+ec.class_isevent]]').live('mouseout',function() {
                          id = this.id;
                          $('#' + id + ' .event').hide();
                      })        
                      
                  });
              </script>
              </head>
              

              Вот эта штука
              $("a[rel='colorbox']").colorbox();
              прописана как в мануале http://modx.ws/blog/blog-o-modx-revolution/modx-revolution-galereya.html [ed. note: freimaks last edited this post 9 years, 9 months ago.]
                • 37733
                • 21 Posts
                Нашел на англоязычном ресурсе немного другое описание этой функции.
                $(document).ready(function(){
                $("a[rel='colorbox']").colorbox({slideshow:true, slideshowAuto:false, transition:"fade", opacity:0.7, 
                                slideshowSpeed:4000, slideshowStart:"PLAY SLIDESHOW", slideshowStop:"PAUSE SLIDESHOW"});
                            $("a[rel='colorbox']").colorbox({onClosed:function(){
                                    $f("player").show();
                            }}); 
                            $("a[rel='colorbox']").colorbox({onOpen:function(){
                                    $f("player").pause();
                                    $f("player").hide();
                            }}); 
                });

                Т.е. тут для этой функции расписывают параметры. Конечно немного не про мою ситуацию, но все же может ему не нравится, что функция с пустыми параметрами... Хотя все мануалы которые я встретил по сниппету Gallery повторяют один и тот же англоязычный исходник, причем с ошибками. Т.е. я прикручивал по одному руководству - даже галерея не запускалась, потом по оригиналу - все получилось, но вот именно просмотр отдельных изображений не получается. Видимо у всех остальных то все работает...
                  • 37733
                  • 21 Posts
                  На офф сайте http://jacklmoore.com/colorbox/faq/#faq-jquery нашел описание данной проблемы. Оказывается может возникать если я два раза подгружаю jquery. Но как иначе то? Если
                  src='<a href="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'>
                  грузится для календаря, а
                  src="colorbox/jquery.colorbox-min.js"
                  для colorbox... не понятно. Приеду с работы - попробую отключить вообще подгрузку colorbox-ового js.
                    • 31246 ☆ A M B ☆
                    • 428 Posts
                    локально тяжело определить чем вызван конфликт, для начало почитайте мануал
                    http://jacklmoore.com/colorbox/ и faq http://jacklmoore.com/colorbox/faq/, обратите внимание на заголовок документа и в мануале написано, нужно использовать JQuery 1.6.1 или выше, у вас 1.4.4......
                    Ещё совет, не грузите сразу весь скрипт, если хотите найти проблему а не можете разобрать код, делайте постепенное добавления в скрипт кода и следите за ошибками.
                      Valentin Rasulov - Industrial design (Hobbies - Web Development)
                      Development not standard projects on CMF MODx Revolution.
                      Small sample of extensions
                      • 37733
                      • 21 Posts
                      Спасибо! Сегодня постараюсь раскопать откуда ноги растут у этого бага. Если все будет ок - отпишусь, дабы у других таких проблем не было