Конфликт в Joomla 3.x с particles.js

  • 0 Ответов
  • 93 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

Конфликт в Joomla 3.x с particles.js
« : 22.02.2017, 13:26:39 »
Установил Revolution Slider на Joomla. Делаю слайдер на главной из нескольких видео. Но обнаружил, что слайдер не отображается из-за участка кода с JSON данными в файле script.js
Вот этот код:
Код
//Particle Js
        particlesJS("particles-animation",
            {
                "particles":{
                    "number":{
                        "value":160,
                        "density":{
                            "enable":true,
                            "value_area":800
                        }
                    },
                    "color":{
                        "value":"#ffffff"
                    },
                    "shape":{
                        "type":"circle",
                        "stroke":{
                            "width":0,
                            "color":"#000000"
                        },
                        "polygon":{
                            "nb_sides":5
                        },
                        "image":{
                            "src":"img/github.svg",
                            "width":100,
                            "height":100
                        }
                    },
                    "opacity":{
                        "value":1,
                        "random":true,
                        "anim":{
                            "enable":true,
                            "speed":1,
                            "opacity_min":0,
                            "sync":false
                        }
                    },
                    "size":{
                        "value":3,
                        "random":true,
                        "anim":{
                            "enable":false,
                            "speed":4,
                            "size_min":0.3,
                            "sync":false
                        }
                    },
                    "line_linked":{
                        "enable":false,
                        "distance":150,
                        "color":"#ffffff",
                        "opacity":0.4,
                        "width":1
                    },
                    "move":{
                        "enable":true,
                        "speed":1,
                        "direction":"none",
                        "random":true,
                        "straight":false,
                        "out_mode":"out",
                        "bounce":false,
                        "attract":{
                            "enable":false,
                            "rotateX":600,
                            "rotateY":600
                        }
                    }
                },
                "interactivity":{
                    "detect_on":"canvas",
                    "events":{
                        "onhover":{
                            "enable":true,
                            "mode":"bubble"
                        },
                        "onclick":{
                            "enable":true,
                            "mode":"repulse"
                        },
                        "resize":true
                    },
                    "modes":{
                        "grab":{
                            "distance":400,
                            "line_linked":{
                                "opacity":1
                            }
                        },
                        "bubble":{
                            "distance":250,
                            "size":0,
                            "duration":2,
                            "opacity":0,
                            "speed":3
                        },
                        "repulse":{
                            "distance":400,
                            "duration":0.4
                        },
                        "push":{
                            "particles_nb":4
                        },
                        "remove":{
                            "particles_nb":2
                        }
                    }
                },
                "retina_detect":true
            });
Если его удалить, то слайдер работает отлично, но тут же возникает другая проблема. Главное меню на сайте перестает адекватно отображать активные пункты меню (current). Сайт одностраничный в виде landing page. Каждый пункт меню отвечает за конкретный участок с материалом на странице. Т.е. скроллинг работает хорошо, но в меню активный пункт меню никак не выделяется, что не может не огорчать. Я так понял вся соль в этом коде. Знает ли кто-нибудь как можно разобраться с данной проблемой? Буду очень признателен.