Problema con carrusel de imagenes

[jonasgv]

Buenas a todos.

Vereis, estoy ayudando en una web y me he encontrado con un problema.

Tengo unas imágenes y me gustaría que se mostrasen en carrusel, es decir, que dispone de botones de mover a la derecha y a la izquierda y las imagenes se desplazan en un sentido u otro.
Hasta ahora no he tenido problemas. De base tengo que me muestre 4 imagenes y tenía 8, todo funcionaba bien.
Ahora, he incluido otras 4 nuevas imagenes y no hay manera de que me las muestre.

Aquí os pego el código PHP

Código PHP:

  <div id="capa_total_tira">
  <div id="capa_tira">
            <div class="carrousel" data-pos="0">
                <a href="javascript:;" class="carrousel_left"></a>
                <div class="carrousel_inner">
                    <ul>
                            <li><img src="img/carrusel/img_1.jpg"></li>
                        <li><img src="img/carrusel/img_2.png"></li>
                        <li><img src="img/carrusel/img_3.jpg"></li>
                        <li><img src="img/carrusel/img_4.jpg" /></li>
                        <li><img src="img/carrusel/img_5.jpg" /></li>
                        <li><img src="img/carrusel/img_6.png" /></li>
                        <li><img src="img/carrusel/img_7.jpg" /></li>
                        <li><img src="img/carrusel/img_8.png" /></li>
                        <li><img src="img/carrusel/img_9.png" /></li>
                        <li><img src="img/carrusel/img_10.png" /></li>
                        <li><img src="img/carrusel/img_11.png" /></li>
                        <li><img src="img/carrusel/img_12.png" /></li>
                    </ul>
                </div>
                <a href="javascript:;" class="carrousel_right right_inactive"></a>
           </div>          
  </div>
</div> 
   

¿Se os ocurre dónde puede estar el problema? También he estado mirando el CSS de la web y no encuentro nada.

Espero que alguien me pueda ayudar. Gracias de antemano.

[alyciashape]

Bueno esto más que PHP viene a ser Javascript o JQuery.

No te voy a poder ayudar porque no se que librería / script estás usando para hacer la galeria Carrousel. Probablemente algún fichero no esté incluído o esté mal la ruta.

Busca algún carrousel jQuery que hay muchos libres y/o gratuitos y que son una pasada y ya está. porque sino sabes como está montado eso va ser dificil identificar el problema.

[antoniopol]

Quizas el tamaño del ul, que sea tamaño unicamente para 8 fotos, creo que es cuestion de width, o igual del margin cuando pulsas a la derecha o a la izquierda.

[jonasgv]

Iniciado por antoniopol

Quizas el tamaño del ul, que sea tamaño unicamente para 8 fotos, creo que es cuestion de width, o igual del margin cuando pulsas a la derecha o a la izquierda.

Aquí te pego el código del CSS de la web con respecto a lo del carrusel, a ver si así te haces una mejor idea

Código PHP:

  .carrousel_inner ul li{
    float:left;
    list-style: none;
    margin: 0;
    width:230px;
    height:135px
}
.carrousel_inner ul{
    margin:0;
    padding:0;
    height:137px;
    width: 10000px;
    overflow:hidden;
}
.carrousel_inner{
    /* border:1px solid red; */
    float:left;
    width:905px;
    height:137px;
    overflow: hidden;
}
.carrousel_left, .carrousel_right{
    height: 137px;
    width:30px;
    float:left;
}
.carrousel_left{
    background: url(../img/carrusel/flecha_izq_slide.png) no-repeat  top;
}
.carrousel_left:hover{
    background:url('../img/carrusel/flecha_izq_slide.png') no-repeat scroll top transparent
}
.carrousel_right{
    background: url(../img/carrusel/flecha_der_slide.png) no-repeat  top;
}
.carrousel_right:hover{
    background: url(../img/carrusel/flecha_der_slide.png) no-repeat top;
}
.left_inactive,.left_inactive:hover{
    background: url(../img/carrusel/flecha_izq_slide.png) no-repeat  top;
}
.right_inactive,.right_inactive:hover{
    background: url(../img/carrusel/flecha_der_slide.png) no-repeat top;
}
 
.carrousel{
    float:left;
    height: 137px;
    width: 2000px;
    
} 
   

[jonasgv]

Por si sirve de ayuda, he descubierto que cuando no se puede mover mas, el valor "dir-pos" se queda en 4

Código PHP:

  <div class="carrousel" data-pos="4"> 
   

He estado mirando y no hay nada declarado que ponga algo así como que el "data-pos" tenga un valor máximo de 4.