sgruhier

#ballon { 
  -webkit-transition: all .2s ease-in-out; 
}

sgruhier

If you want to test rails applications (or any web applications) locally with sub-domains and/or setting the locale 
from the domain name as describe in Rails' guides
http://guides.rubyonrails.org/i18n.html#setting-the-locale-from-the-domain-name you have multiple options:

- Edit your /etc/hosts file, that sucks! you need admin access and you'll pollute. DO NOT DO THAT!
- Use passenger (and passenger pane if you are on Mac OS X), but you need to enter manually all aliases 
in your apache/nginx config file. painfull
- use those URLs 127localhost.com and 127localhost.fr. DNS for all subdomains are setup to IP 127.0.0.1

Nothing to setup/modify locally, just:

sgruhier

<div id="hcarousel" class="ui-carousel-horizontal">
  <div class="ui-carousel-container">
    <ul>
      <li class="item1">1</li>
      <li class="item2">2</li>
      ...
    </ul>
  </div>
  <div id="hpaginate" class="ui-carousel-paginate">
    <div class="ui-icon ui-icon-circle-arrow-w ui-carousel-prev"><a href="#" onclick="return false">&lt;</a></div>

sgruhier

new S2.UI.Carousel("hcarousel", {paginator: 'hpaginate'});

sgruhier

<div id="hcarousel" class="ui-carousel-horizontal">
  <div class="ui-carousel-container">
    <ul>
      <li class="item1">1</li>
      <li class="item2">2</li>
      ...
    </ul>
  </div>
  <div class="ui-state-default ui-corner-all ui-carousel-prev">
    <a class="ui-icon ui-icon-triangle-1-w" href="#" onclick="return false"></a>

sgruhier

new S2.UI.Carousel("hcarousel", {slider: 'hslider'});

sgruhier

<div id="vcarousel" class="ui-carousel-vertical">
  <div class="ui-carousel-prev"><a href="#" onclick="return false">Previous</a></div>
  <div class="ui-carousel-container">
    <ul>
      <li class="item1">1</li>
      <li class="item2">2</li>
      ...
    </ul>
  </div>
  <div class="ui-carousel-next"><a href="#" onclick="return false">Next</a></div>

sgruhier

new S2.UI.Carousel("vcarousel", {orientation: 'vertical'});

sgruhier

<div id="hcarousel" class="ui-carousel-horizontal">
  <div class="ui-carousel-prev"><a href="#" onclick="return false">&lt;</a></div>
  <div class="ui-carousel-container">
    <ul>
      <li class="item1">1</li>
      <li class="item2">2</li>
      ...
    </ul>
  </div>
  <div class="ui-carousel-next"><a href="#" onclick="return false">&gt;</a></div>

sgruhier

new S2.UI.Carousel("hcarousel");