javascript - Images dont slide in orbit slider Foundation -

-

i'm trying add foundation orbit slider web page. looks easy , i've got see images , prev & next buttons, if click on prev , next buttons orbit slider doesn't move @ all. images doesn't slide , don't know why, beacuse i've seen many examples , think code looks same. woud appreciated

<html>   <head>      <meta charset="utf-8">     <meta http-equiv="x-ua-compatible" content="ie=edge">     <meta name="viewport" content="width=device-width, initial-scale=1">     <meta name="description" content="altiria webapp">      <link rel="stylesheet" href="assets/css/foundation.min.css">     <link rel="stylesheet" href="assets/css/font-awesome/css/font-awesome.min.css">     <link rel="stylesheet" href="assets/css/jquery-ui.css">     <link rel="stylesheet" href="assets/css/jquery-ui.structure.css">     <link rel="stylesheet" href="assets/css/jquery-ui.theme.css">     <link rel="stylesheet" href="assets/css/app.css">     <script src="assets/js/modernizr.js"></script>     <script src="assets/js/jquery.js"></script>     <script src="assets/js/jquery-ui.js"></script>     <script src="assets/js/foundation.min.js"></script>    </head>   <body>    <div class="orbit-container">      <ul class="example-orbit" data-orbit>        <li>          <img src="assets/images/paisaje1.jpg" alt="slide 1" />          <div class="orbit-caption">            caption one.          </div>       </li>       <li class="active">         <img src="assets/images/paisaje2.jpg" alt="slide 2" />         <div class="orbit-caption">           caption two.         </div>       </li>       <li>         <img src="assets/images/paisaje3.jpg" alt="slide 3" />         <div class="orbit-caption">           caption three.         </div>       </li>     </ul>      <!-- navigation arrows -->     <a href="#" class="orbit-prev">prev <span></span></a>     <a href="#" class="orbit-next">next <span></span></a>      <!-- slide numbers -->     <div class="orbit-slide-number">     <span>1</span> of <span>3</span>     </div>      <!-- timer , play/pause button -->     <div class="orbit-timer">       <span></span>       <div class="orbit-progress"></div>    </div>  </div>  <!-- bullets -->  <ol class="orbit-bullets">    <li data-orbit-slide-number="1"></li>    <li data-orbit-slide-number="2" class="active"></li>    <li data-orbit-slide-number="3"></li>  </ol>   <script>     $(document).foundation();  </script>  </body>

enter image description here

it looks have mix of pre-rendered html , rendered html on page. don't need chunks of code labeled comments (navigation arrows, slide numbers, timer, bullets, etc); foundation render them you.

in addition, it's possible class="example-orbit" interfering and, unless need it, i'd suggest removing it.

important note: according foundation website, "orbit has been deprecated, meaning no longer supported." officially recommend using different image slider instead of orbit.


Comments

Post a Comment

Popular posts from this blog

how to do line continuation in perl debugger for entering raw multi-line text (EOT)? -

-
i learning perl. trying in debugger define variable, here-document. not know how enter same code in perl script, in debugger. due new lines present inside eot, makes hard in interactive debugger. here small example. have script: >cat ex1.perl #!/usr/bin/perl -w $s =<<'eot'; first line second line eot print $s now run , gives expected output: >perl ex1.perl first line second line now want same in debugger. tried this: >perl -de0 loading db routines perl5db.pl version 1.39_10 db<1> $s =<<'eot';\ cont: first line\ cont: second line\ cont: eot can't find string terminator "eot" anywhere before eof @ (eval 6) [/usr/share/perl/5.18/perl5db.pl:732] line 2. @ (eval 6)[/usr/share/perl/5.18/perl5db.pl:732] line 2. eval 'no strict; ($@, $!, $^e, $,, $/, $\\, $^w) = @db::saved;package main; $^d = $^d | $db::db_stop; $s =<<\'eot\'; first line second line eot; ' called @ /usr/share/perl...
Read more

javascript - Create websocket without connecting -

-
is there way create websocket without connecting right away? far think var ws = new websocket("ws://ws.my.url.com"); creates , connects right away. i'd create socket, define callbacks, , connect once user clicks connect button. thanks no. creating websocket means you've created connection server (or started process of connecting). there no such thing creating websocket isn't connecting yet. you create object store configuration parameters , tell object connect when wanted to, though i'm not sure why that's better creating actual websocket when connect made. or create function setup work , call function later when user clicks connect button.
Read more

sharepoint - Accessing files across a shared directory using a Windows service -

-
i trying access files on shared directory (sharepoint): \\sitename\sites\path_to_doc\doc.csv so have custom application looks @ files on shared drive , when launch application going folder it's installed - c:\myapp.exe, the application can access them . when corresponding service launched services.msc same user launched executable in previous step, doesn't find files on shared directory. i guess, question is: what general differences launching application interactively double clicking versus launching executable using service , of respect windows permissions , remote shared folders?
Read more