IE me hace raros con jquery scrollable

[aniMAYtions]

Hola amig@s.

He implementado en mi sitio un scrollable de jquery, el cual he sacado de la direccion

Código HTML:

http://amazon.flowplayer.org/tools/scrollable.html

.
En Firefox y en Safari todo va genial, pero el explorer me muestra una sola imagen y no hace el scroll.
Como código le tengo puesto

Código Javascript:

En el Index:
$(function() 
{ 
    // initialize scrollable 
    $("div.scrollable").scrollable({ 
    size: 2, 
    speed : 200,
    });
 
});
 

Código PHP:

  En la función:
 
<div id='scroll' style='margin-top:20px;'>
             <div class='prev'>
                <div class='prevbutton'><a class='prevPage browse left'></a></div>
            </div>
            <div class='scrollable' align='center'>
                <div class='items'>
                    <!-- 1-5 --> 
                    <img src='http://farm1.static.flickr.com/143/321464099_a7cfcb95cf_t.jpg' /> 
                    <img src='http://farm4.static.flickr.com/3089/2796719087_c3ee89a730_t.jpg' /> 
                    <img src='http://farm1.static.flickr.com/79/244441862_08ec9b6b49_t.jpg' /> 
                    <img src='http://farm1.static.flickr.com/28/66523124_b468cf4978_t.jpg' /> 
                    <img src='http://farm1.static.flickr.com/164/399223606_b875ddf797_t.jpg' /> 
                     
                    <!-- 5-10 --> 
                    <img src='http://farm1.static.flickr.com/163/399223609_db47d35b7c_t.jpg' /> 
                    <img src='http://farm1.static.flickr.com/135/321464104_c010dbf34c_t.jpg' /> 
                    <img src='http://farm1.static.flickr.com/40/117346184_9760f3aabc_t.jpg' /> 
                    <img src='http://farm1.static.flickr.com/153/399232237_6928a527c1_t.jpg' /> 
                    <img src='http://farm1.static.flickr.com/50/117346182_1fded507fa_t.jpg' /> 
                     
                    <!-- 10-15 --> 
                    <img src='http://farm4.static.flickr.com/3629/3323896446_3b87a8bf75_t.jpg' /> 
                    <img src='http://farm4.static.flickr.com/3023/3323897466_e61624f6de_t.jpg' /> 
                    <img src='http://farm4.static.flickr.com/3650/3323058611_d35c894fab_t.jpg' /> 
                    <img src='http://farm4.static.flickr.com/3635/3323893254_3183671257_t.jpg' /> 
                    <img src='http://farm4.static.flickr.com/3624/3323893148_8318838fbd_t.jpg' /> 
                </div>    
            </div>
            <div class='next'>
                <div class='nextbutton'><a class='nextPage browse right'></a></div>
            </div>
            <div id='tooltip'></div>
        </div> 
   

Sabeis a qué puede ser debido?? Gracias y salu2.

[JavierB]

Hola aniMAYtions

Deberías poner tus mensajes en el foro que más se adapte a tu duda. Muevo tu tema al foro de Frameworks desde Javascript.

Saludos,

[aniMAYtions]

Perdona JavierB, pensaba que esto formaba parte de javascript, al ser javascript el código que regula el componente(plugin de jquery).

[mayid]

Tenes una comita de mas:

speed : 200,


A eso IE no te lo perdona.

Che, esto es javascript. Lo que pasa es que estas usando un framework, y tenemos un foro especifico para esto. Que es aca.

[juaniquillo]

ja, es cierto. En IE no puedes poner coma del último elemento de un objeto. Eso lo aprendí de muy mala manera, después de buscar por mas de 3 horas cual era el problema. :p

Código Javascript:

// initialize scrollable 
$("div.scrollable").scrollable({ 
    size: 2, 
    speed : 200
});
 

[aniMAYtions]

Iniciado por mayid

Che, esto es javascript. Lo que pasa es que estas usando un framework, y tenemos un foro especifico para esto. Que es aca.

Cierto cierto, ia me he dado cuenta del error. Sorry.

Lo de la coma ha sido bestial, aunque caaasi me lo hace bien.

Os explico, ia le quité la dichosa comita y me hace el scroll muy bien. Lo que no muestra correctamente es, al iniciarse la página, las imágenes a mostrar en el scrollable.
Quiero decir que, io le digo ke me muestre de 2 en 2 pues, cuando comienzo o recargo me muestra solamente una imágen alineada a la derecha. Pero cuando hago el primer scroll ia me lo muestra bien tanto para delante como hacia atrás.

Alguien sabe por qué eso que me hace al principio?? Gracias

[juaniquillo]

Me imagino que cuando le pasas la variable size: 2 plugin esto hace que se pasen dos imágenes a la vez, aunque te recomiendo que leas bien la documentación para que sepas que significan cada una.

[aniMAYtions]

Iniciado por juaniquillo

Me imagino que cuando le pasas la variable size: 2 plugin esto hace que se pasen dos imágenes a la vez, aunque te recomiendo que leas bien la documentación para que sepas que significan cada una.

Se supone que sí juaniquillo, pero IE no me lo toma así al principio.

En cambio firefox y safari sí...


Estuve leiendo la documentación de la página que os comenté de donde saqué el código para el scroll, pero no he visto que dijese nada al respecto. Incluso estuve googleando y tampoco encontré mucho más.
Alguien puede decirme dónde debería mirar??

Gracias de nuevo.

[juaniquillo]

¿y si le quitas lo de size: 2 qué pasa?

[aniMAYtions]

Pues no pasa absolutamente nada. Osea que tanto en IE como en Firefox como en Safari se sigue viendo igual...

[delivery7]

prueba a poner en vez de $ en jquery, la palabra 'jQuery' en vez del $, a mi me funcionó el acordeon de imagenes con eso