...
- <script src="vendor/jquery.js"></script>
+ <script src="js/vendor/jquery.js"></script>
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.alerts.js"></script>
<!-- Other JS plugins can be included here -->
</body>
```
-{{/markdown}}
\ No newline at end of file
+{{/markdown}}
</body>
```
-{{/markdown}}
\ No newline at end of file
+{{/markdown}}
{{#markdown}}
```html
- <script src="js/jquery.js"></script>
+ <script src="js/vendor/jquery.js"></script>
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.magellan.js"></script>
```
-{{/markdown}}
\ No newline at end of file
+{{/markdown}}
{{#markdown}}
```html
-<script src="js/jquery.js"></script>
-<script src="js/foundation.js"></script>
-<script src="js/foundation.accordion.js"></script>
+<script src="js/vendor/jquery.js"></script>
+<script src="js/foundation/foundation.js"></script>
+<script src="js/foundation/foundation.accordion.js"></script>
```
{{/markdown}}
{{#markdown}}
```html
-<script src="js/jquery.js"></script>
-<script src="js/foundation.js"></script>
-<script src="js/foundation.alert.js"></script>
+<script src="js/vendor/jquery.js"></script>
+<script src="js/foundation/foundation.js"></script>
+<script src="js/foundation/foundation.alert.js"></script>
```
{{/markdown}}
{{#markdown}}
```html
-<script src="js/jquery.js"></script>
-<script src="js/foundation.js"></script>
-<script src="js/foundation.dropdown.js"></script>
+<script src="js/vendor/jquery.js"></script>
+<script src="js/foundation/foundation.js"></script>
+<script src="js/foundation/foundation.dropdown.js"></script>
```
{{/markdown}}
...
+ <script src="js/vendor/jquery.js"></script>
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.offcanvas.js"></script>
<!-- Other JS plugins can be included here -->
It's easy to configure Orbit using our provided Javascript. You can use with data-attributes or plain old Javascript. Make sure `jquery.js`, `foundation.js`, and `foundation.orbit.js` have been included on your page before continuing. For example add the following before the closing `<body>` tag:
```html
-<script src="js/jquery.js"></script>
-<script src="js/foundation.js"></script>
-<script src="js/foundation.orbit.js"></script>
+<script src="js/vendor/jquery.js"></script>
+<script src="js/foundation/foundation.js"></script>
+<script src="js/foundation/foundation.orbit.js"></script>
```
### Basic
timer_paused_class: 'paused', // Class name given to the paused button
timer_progress_class: 'orbit-progress', // Class name given to the progress bar
timer_show_progress_bar: true, // If the progress bar should get shown (false skips computation)
- slides_container_class: 'orbit-slides-container', // Class name given to the
+ slides_container_class: 'orbit-slides-container', // Class name given to the
bullets_container_class: 'orbit-bullets',
slide_selector: 'li', // Default is '*' which selects all children under the container
bullets_active_class: 'active', // Class name given to the active bullet
<h4>Rendered HTML</h4>
-<span data-tooltip class="has-tip tip-bottom radius" title="Tooltips are awesome, you should totally use them!">Hover on desktop and touch me on mobile!</span>
+<span data-tooltip class="has-tip tip-bottom radius" title="Tooltips are awesome, you should totally use them!">Hover on desktop and touch me on mobile!</span>
{{#markdown}}
```html
-<script src="js/jquery.js"></script>
-<script src="js/foundation.js"></script>
-<script src="js/foundation.tooltip.js"></script>
+<script src="js/vendor/jquery.js"></script>
+<script src="js/foundation/foundation.js"></script>
+<script src="js/foundation/foundation.tooltip.js"></script>
```
{{/markdown}}
</ul>
</section>
</nav>
-
+
***
### Build With HTML Classes
...
+ <script src="js/vendor/jquery.js"></script>
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.topbar.js"></script>
<!-- Other JS plugins can be included here -->