title: YUI Carousel custom navigation
body: <p>Javascript Code</p>
  
  <pre><code>YAHOO.util.Event.onDOMReady(function (ev) {
      var carousel = new YAHOO.widget.Carousel("container", {isCircular: true, numVisible:1});
      console.log(carousel.set('navigation', {prev: document.getElementById('prev'), next: document.getElementById('next')}));
      carousel.render();
      carousel.show();
  });
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id='container'&gt;
      &lt;a href='#' &gt;&lt;span id='prev'&gt; Prev &lt;/span&gt;&lt;/a&gt; 
      &lt;a href='#' &gt;&lt;span id='next'&gt; Next &lt;/span&gt;&lt;/a&gt; 
      &lt;ol&gt;
          &lt;li&gt;&lt;img src='history_base_files/200.jpeg' height="300" width="300" /&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src='history_base_files/280.jpg' height="300" width="300" /&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src='history_base_files/350.jpg' height="300" width="300" /&gt;&lt;/li&gt;
          &lt;li&gt;&lt;img src='history_base_files/370.jpg' height="300" width="300" /&gt;&lt;/li&gt;
      &lt;/ol&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Console outputs <code>false</code> on setting navigation property of carousel. Couldn't find any good reference online.</p>
  
  <p>How to create yui carousel with custom navigation like anchor or span?</p>