Hello,

it's me again...

Unfortunatelly it is only working with IE8 and firefox but not with IE7. There only the first picture is displayed, but not all the others of the slides.

We have many customers who unfortunatelly still use IE7.

Would be nice if you can help me!

Thx, Rob

Bonjour et merci pour cet excellent travail,

Après plusieurs tests sur différents navigateurs, j'utilise désormais : ligne 59 : $(this.elements).css({marginRight:this.options.elementMargin, width:this.singleElDim, float:"left" });

J'avais des soucis de positionnement en hauteur + bien sur des blocs inexploitables sur IE7, encore obligatoire professionnellement. Avec cette modification testée sur FF 3.6.3, IE8, IE7 et Safari 4, l'interopérabilité me semble meilleure. A suivre :).

The jquery.mb.scrollable plug-in is strong for multiple istances of elements in the same page; the problem could be due to a double istance of the same ID either of the scrollable container or of the controls container; be sure that you make a call for each srollable panel; if you initialize multiple panels using the css class you would have problems for the controls because you can specify only one ID; so the correct way for initialize two elements is:

 $("#myScroll").mbScrollable({
        width:700,
        elementsInPage:1,
        elementMargin:2,
        shadow:"#999 2px 2px 2px",
        height:"auto",
        controls:"#controls",
        slideTimer:600,
        autoscroll:true,
        scrollTimer:4000
      });

$("#myScroll_1").mbScrollable({
        dir:"vertical",
        width:140,
        height:400,
        elementsInPage:3,
        elementMargin:6,
        shadow:"#999 2px 2px 2px",
        controls:"#controls_1",
        slideTimer:600,
        autoscroll:false,
        scrollTimer:6000
      });

In the next release I'll use metadata to specify the controls element for each scrollable directly on the scrollable container; in that whay you'll be able to transform multiple istance using a class selector.

Hello Matteo,

thanks for your reply. On my page it does not work unfortunatelly with two instances on one page.

Therefor I show the second one in an iframe. That works fine. With firefox everthing is fine but a new problem with IE occurs. I can see only the first picture. All others (5 pictures) I can't see. The slider works but does not show the other pictures :(

Can you image what could be the problem here?

Thanks for your help.

Regards, Rob

thx, I solved the problem without iframes.

Thanx for this plugin.

Bye, Rob

There's a bug at line 59 of the mbscrollable.js file: there's a commented "float:'left'" at the end of the line that should be inserted into the css object:

$(this.elements).css({marginRight:this.options.elementMargin, width:this.singleElDim, display:"inline-block",float:"left" });

IE7 doesn't support the "inline-block" attribute; so there should be the float property for this buggy browser :-)