title: Points for the Position swipejs
body: <p>I added a swipeJS photo slideshow to my jquery mobile application. I have one problem.
  I want such points for the count of the pictures like on the page: <a href="http://swipejs.com/" rel="nofollow">http://swipejs.com/</a></p>
  
  <p>I added the following html and css to my project but it only displays the points vertical and without any formatting like bigger/smaller.</p>
  
  <p>CSS:</p>
  
  <pre><code>#position {
      text-align: center;
      list-style: none;
      margin: 0;
      padding: 0;
  }
  
  #position li {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 10px;
      background: #141414;
      box-shadow: inset 0 1px 3px black,0 0 1px 1px #202020;
      margin: 0 2px;
      cursor: pointer;
  }
  
  #position li.on {
      box-shadow: inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.5);
      background-color: #1293dc;
      background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#1293dc),color-stop(100%,#0f6297));
      background-image: -webkit-linear-gradient(top,#1293dc,#0f6297);
      background-image: -moz-linear-gradient(top,#1293dc,#0f6297);
      background-image: -ms-linear-gradient(top,#1293dc,#0f6297);
      background-image: -o-linear-gradient(top,#1293dc,#0f6297);
      background-image: linear-gradient(top,#1293dc,#0f6297);
  }
  </code></pre>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div data-role="content" id="contentPics"&gt;
     &lt;div id='mySwipe' style='max-width:500px;margin:0 auto' class='swipe'&gt;
              &lt;div class='swipe-wrap' id="picSwipe"&gt;
                &lt;div&gt;&lt;b&gt;Pic&lt;/b&gt;&lt;/div&gt;
                &lt;div&gt;&lt;b&gt;Pic2&lt;/b&gt;&lt;/div&gt;
              &lt;/div&gt;
    &lt;/div&gt;
      &lt;nav&gt;
  
      &lt;ul id='position'&gt;
        &lt;li class='on'&gt;&lt;/li&gt;
        &lt;li&gt;&lt;/li&gt;
        &lt;li&gt;&lt;/li&gt;
        &lt;li&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
    &lt;/nav&gt;
  </code></pre>
  
  <p></p>
  
  <p>Example-fiddle without the points: <a href="http://jsfiddle.net/Spokey/unTHs/3/" rel="nofollow">http://jsfiddle.net/Spokey/unTHs/3/</a></p>