Menu icon Foundation
Orbit Slider is not working

Hi, i'm new to Foundation just started yesterday and now i'm trying to add orbit silder but its not working, please see below html and i have foundation call THIS is not all the thing i need ?

i'm using foundation 5.2.3

Before this i used http://kenwheeler.github.io/slick/ slider with sticky topbar under slider but when i move down or scroll sticky nav bar jumps it does't stay smooth

somone can please help me to implement at least 1 slider :) slick looks better to me

    <div class="row full-width">
      <ul data-orbit>
        <li><img src="img/Untitled-1.jpg" alt="" /></li>
        <li><img src="img/Untitled-1.jpg" alt="" /></li>
        <li><img src="img/Untitled-1.jpg" alt="" /></li>
     </ul>
      
    </div>
            
    <script src="js/vendor/jquery.js"></script>
    <script src="js/foundation.min.js"></script>
    <script>
      $(document).foundation();
    </script>
         

Orbitfoundation-5.2.3slider

Hi, i'm new to Foundation just started yesterday and now i'm trying to add orbit silder but its not working, please see below html and i have foundation call THIS is not all the thing i need ?

i'm using foundation 5.2.3

Before this i used http://kenwheeler.github.io/slick/ slider with sticky topbar under slider but when i move down or scroll sticky nav bar jumps it does't stay smooth

somone can please help me to implement at least 1 slider :) slick looks better to me

    <div class="row full-width">
      <ul data-orbit>
        <li><img src="img/Untitled-1.jpg" alt="" /></li>
        <li><img src="img/Untitled-1.jpg" alt="" /></li>
        <li><img src="img/Untitled-1.jpg" alt="" /></li>
     </ul>
      
    </div>
            
    <script src="js/vendor/jquery.js"></script>
    <script src="js/foundation.min.js"></script>
    <script>
      $(document).foundation();
    </script>
         

This post has been closed. No new replies can be added.

Crystal P over 5 years ago

Do you have the foundation.orbit.js in your js folder > foundation folder > ?

Krishia Valencia over 5 years ago

well he's using foundation.min.js even if foundation.orbit.js is not there it will still function.. here are common mistake I encounter:

1) your .js source path for <script src="js/vendor/jquery.js"></script> and
<script src="js/foundation.min.js"></script> may not be the correct path, check your folders first.
2) This <script src="../js/vendor/modernizr.js"></script> should be present inside your header tags.

I checked your code and it works perfectly fine. So I just thought these are the things that might be your problem. Just tell me if this doesn't solve it.

Yasir over 5 years ago

Thanks a lot for the reply.

double checked all script are included, modernier.js is also present in header but no luck :( i'm using default directory structure.

Yasir over 5 years ago

Okay found the issue Orbit is not included in latest version ...

http://foundation.zurb.com/develop/download.html#customizeFoundation go to javascript component section and you can't select orbit.

it should be removed from documentation too there they say you can still use it and did't mentioned that you need to include this specific orbit file separately.

finding script hope it will work than.