Hola, queria saber como puedo poner este tipo de "slider"



Lo podran ver aqui:

Me podrias dejar el link de donde esta eso?

Lo puse oculto, pero aqui les dejo http://haxballargentina.com.ar/foro/

¿Donde lo quieres poner?

En algun anuncio o Template?

En el mensaje del indice!

Pues solo debes usar el siguiente codigo como mensaje del indice:

Código:

<script type="text/javascript" src="http://haxballargentina.com.ar/foro/admin/js/3rd_party/slider/jquery.jcarousel.min.js"></script>   <script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
       wrap: 'circular'
    });
});
</script> <style type="text/css">
ul, li {
   list-style:none;
   padding:0;
   margin:0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
   direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 648px;
    padding: 35px 80px;
   margin:auto;
   position: relative; display: block;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  648px;
    height: 75px;
   position: relative;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-list {
   overflow-x: hidden; overflow-y: hidden; position: relative; top: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; width: 1750px; left: 0px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 45px;
    height: 40px;
   text-align:center;
   padding-top:5px;
   float: left; list-style-type: none; list-style-position: initial; list-style-image: initial;
}

.jcarousel-skin-tango .jcarousel-item img {
   width: 35px;
   height: 35px;
}

.jcarousel-skin-tango .jcarousel-item img:hover {
   width: 40px;
   height: 40px;
   margin-top: -2px;
   margin-left: -1px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
   margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
   margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}



.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 30px;
    right: 5px;
    width: 56px;
    height: 56px;
    cursor: pointer;
    background: transparent url(http://i.imgur.com/Mn8FNIQ.png) no-repeat 0 0;
   display: block;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 30px;
    left: 5px;
    width: 56px;
    height: 56px;
    cursor: pointer;
    background: transparent url(http://i.imgur.com/x4BrPDf.png) no-repeat 0 0;
   display: block;
}
</style>
<div class="jcarousel-skin-tango">
                 
   <div style="position: relative; display: block;" class="jcarousel-container jcarousel-container-horizontal">
                    
      <div style="position: relative; margin-left: -27px; width: 550px;" class="jcarousel-clip jcarousel-clip-horizontal">
                       
         <ul style="overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; left: 0px; width: 2080px;" class="jcarousel-list jcarousel-list-horizontal" id="mycarousel">
                          
            <li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal" style="float: left; list-style: none;" jcarouselindex="1">
                     <a href="LINK"><img src="LINK IMAGEN" /></a>      
            </li>
                          
         </ul>
                       
      </div>
                    
      <div style="display: block;" class="jcarousel-prev jcarousel-prev-horizontal">
                       
      </div>
                    
      <div style="display: block;" class="jcarousel-next jcarousel-next-horizontal">
                       
      </div>
                    
   </div>
</div>

Y cada vez que quieras agregar mas imagenes debes agregar el siguiente codigo antes de ""

Código:

<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal" style="float: left; list-style: none;" jcarouselindex="2">
                     <a href="#"><img src="http://i.imgur.com/bPpQRPi.png" /></a>      
            </li>

Y debes ir aumentando los numeros de la linea:

Código:

<li class="jcarousel-item jcarousel-item-horizontal jcarousel-item-2 jcarousel-item-2-horizontal" style="float: left; list-style: none;" jcarouselindex="2">

A medida que vas agregando.