JQuery Versions

2

Is it just me or does someone else have this problem? I use Zurb Foundation to create my responsive sites and ALL fade-type sliders give trouble. Both the plugins and the ones I do on hand. And those same sliders, that I use them pure, on no page just on a test page it behaves well. Something is conflicting and I've been to 3 sleepless nights.

    
asked by anonymous 30.07.2014 / 15:12

2 answers

2

CSS Here is the code I used. Adjust the links to images and scripts and (obvious) link to the framework and plugin CSS in the head section of the page.

<body>    
<div class="row">
    <div class="small-10 small-centered columns">
        <div class="carrossel">
          <div><img src="img1.jpg" alt="dinossauro1"></div>
          <div><img src="img2.jpg" alt="dinossauro2"></div>
          <div><img src="img3.jpg" alt="dinossauro3"></div>
          <div><img src="img4.jpg" alt="dinossauro4"></div>
        </div>
    </div>
</div> <!-- /.row -->

    <script src="../js/vendor/jquery.js"></script>
    <script src="../js/vendor/fastclick.js"></script>
    <script src="../js/foundation.min.js"></script>

    <script>$(document).foundation();</script>

    <script type="text/javascript" src="slick-master/slick/slick.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function(){
            $('.carrossel').slick({dots: true, autoplay: true, fade:true});
        });
    </script>            
</body>
</html>
    
30.07.2014 / 17:01
1

For sliders Foundation has the native Orbit plugin that has been deprecated and will be removed from version 6 of the framework, but it works until the current version 5. Orbit comes out because more responsive plugins already exist and ZURB recommends using the plugin Slick Carousel

    
30.07.2014 / 15:28