为什么革命滑块不能在mean.js上运行?

时间:2014-10-21 17:39:43

标签: angularjs node.js mean-stack

我安装了Mean.js并尝试更改     带有旋转滑块的site \ public \ modules \ core \ views \ home.client.view.html。我在核心模块中添加了所有必需的js和css文件(带有grunt)     revolution-slider.css layerslider.css jquery.themepunch.plugins.min.js jquery.themepunch.revolution.min.js revolution_slider.js 和jquery

并且Chrome控制台中没有错误但没有任何反应。只是没有滑块的模板。 也许我不能将滑块放在Angular控制器中?

<section data-ng-controller="HomeController">
<!-- REVOLUTION SLIDER -->
        <div class="slider fullwidthbanner-container roundedcorners">
            <div class="fullwidthbanner" data-height="650">
                <ul class="hide">
                    <!-- SLIDE  -->
                    <li data-transition="fade" 
                        data-slotamount="14"  
                        data-masterspeed="300" 
                        data-delay="10000">
                        <!-- COVER IMAGE -->
                        <img src="/modules/core/img/sliders/1x1.png" data-lazyload="/modules/core/img/sliders/bg4.jpg" alt="" data-bgfit="cover" data-bgposition="left top" data-bgrepeat="no-repeat" />
                        <div class="tp-caption modern_medium_fat lfl stl"
                             data-x="60"
                             data-y="300"
                             data-speed="300"
                             data-start="500"
                             data-easing="easeOutExpo">
                DO YOU NEED A NEW
                        </div>
                    </li>
                    <!-- SLIDE  -->
                    <li data-transition="fade" 
                        data-slotamount="7"  
                        data-masterspeed="300" 
                        data-link="http://www.stepofweb.com/" 
                        data-target="_blank" 
                        data-saveperformance="off" >
                        <img src="/modules/core/img/sliders/1x1.png" 
                             data-lazyload="/modules/core/img/sliders/slide-b-1.png" 
                             alt="" 
                             data-bgfit="cover" 
                             data-bgposition="center bottom" 
                             data-bgrepeat="no-repeat" />
                    </li>
                </ul>
                <div class="tp-bannertimer"></div>
            </div>
        </div>

我需要这样的动画http://theme.stepofweb.com/Epona/v1.1/HTML/feature-header-transparent.html

0 个答案:

没有答案