Boa noite,

Poderia mostrar uma imagem mais específica?

Até mais.

Solkis onde tá escrito i can't be tamed, tem duas setas direcionais ( Esquerda e Direita ) .

Ele muda quando clica, é esse código que eu procuro.

Boa tarde,

Para isso terá que usar este código em um widget:

Código:

<script src="http://css-tricks.com/examples/AnythingSlider/js/jquery.anythingslider.js" type="text/javascript" charset="utf-8"></script>
   <script type="text/javascript">

      jQuery(function () {

         jQuery('#slider1').anythingSlider({
            width : 800,          // Override the default CSS width
         });
</script>
   <style type="text/css">
.bsa_it_ad { border: 0 !important; padding: 6px !important; overflow: hidden !important; background: #eae3c0 !important; -moz-box-shadow: 0 0 48px black; -webkit-box-shadow: 0 0 48px black; }
.bsa_it_ad a { margin: 0 !important; padding: 0 !important; }
.bsa_it_ad a img { border: 0 !important; position: static !important; }
.bsa_it_ad a:hover img { margin: 0 !important; }
.bsa_it_ad a:hover { background: none !important; }
.bsa_it_i { margin: 0 15px 0 0 !important; }
.bsa_it_t { margin: 12px 0 0 0 !important; font: 16px Georgia, Serif !important; }
.bsa_it_d { font: 11px Verdana, Helvetica, Arial, Sans-Serif; padding-right: 10px; }
.bsa_it_p { bottom: 5px !important; right: 5px !important; padding: 0 !important; }
.bsa_it_p a:hover { background: none !important; }
.header-button {
  border-top: 1px solid #cf942d !important;
  border-bottom: 0 !important;
  background: #964418 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#e86e36), to(#964418)) !important;
  background: -moz-linear-gradient(top, #e86e36, #964418) !important;
  padding: 3px 10px !important;
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  border-radius: 8px !important;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0 !important;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0 !important;
  box-shadow: rgba(0,0,0,1) 0 1px 0 !important;
  text-shadow: rgba(0,0,0,.4) 0 1px 0 !important;
  color: white !important;
  font-size: 13px !important;
  font-family: Georgia, serif !important;
  text-decoration: none !important;
  vertical-align: middle !important;
  display: inline !important;
  margin: 0 !important;
   float: none !important;
  }
.header-button:hover {
  border-top: 1px solid #4f220d !important;
  background: #4f220d !important;
  color: #ccc !important;
  text-decoration: none !important;
  margin: 0 !important;
  }
.header-button:active {
  border-top: 1px solid #261105 !important;
  background: #261105;
  }
.header-button:visited:before, .header-button:visited:after {
    content: "" !important;
}
</style>

         <!-- AnythingSlider #1 -->
         <ul id="slider1">
<li>PARA CADA UM VOCÊ DEVE REPETIR ESTA LINHA</i>
         </ul>  <!-- END AnythingSlider #1 -->



Eu achei o sistema que quer, mas veja que precisa editar uma coisa no final, para que ele funcione bem! Onde tem PARA CADA UM VOCÊ DEVE REPETIR ESTA LINHA você deve substituir pelo conteúdo, que pode ser uma imagem, um vídeo... basta usar o HTML!

Até mais.

O que eu altero no final Solkis, nao entendi muito bem.

Editando:

Solkis, eu entendi ( depois de um século)

Mais a imagem ficou normal. Ficou quadrada do mesmo jeito.

Boa noite!
Poderá enviar-nos uma imagem completo do seu resultado após a modificação?

Att, Needke

Cara acho que e o site deles que faz ficar dakele formato.

Será?