carousel not sliding in ie9 intranet (2.02)

[rdthree]

the carousel is sliding in firefox/chrome however it won't slide in ie9 on my intranet. all other javascript works fine, including styled dropdowns.

here is the code:

<div id="myCarousel" class="carousel slide">
  <div class="carousel-inner">
    <div class="item active">
    ...
    <div class="carousel-caption">
    ...
    </div>
  </div>
  <div class="item">
  ...
    <div class="carousel-caption">
    ...
    </div>
  </div>
</div>

Also the Javascript:

<script>
  $(function(){
    $('.carousel').carousel();
  });
</script>

[ctalkington]

you may want to refer to #2635 and IE9 compat mode issues.

[rdthree]

I checked the mode, and with compatibility mode either on or off the slide doesn't work. Its the only JavaScript plugin that isn't performing correctly.

[mdo]

Might just be you making the code short in the snippet, but it looks like you're missing a closing div for that first .item. I also just checked the carousel in our docs in IE9 and it's working fine and as intended, leading me to believe the problem is on your end unfortunately.

If you can share a jsfiddle, we can perhaps take a more detailed look.

[mdo]

@originalsurfmex Please provide a jsfiddle if possible. The carousel works fine on our end and if we cannot reproduce, we'll have to close the issue.

[wesweat]

like to know the answer as well, trying it on xampp (haven't tried it live yet)

i did try http://twitter.github.com/bootstrap/javascript.html#carousel in IE9 (9.0.8812..) and the slide transistion isn't there

[barryvdh]

IE9 transitions don't work, because the lack of support for CSS transitions. They just show up instantly.

[thomasmery]

So is this to say the carousel won't ever slide in ie+ ?

that would mean having to drop it,

any chance of an enhancement ?

[barryvdh]

You could write a jQuery fallback, if css transistions aren't supported.

On Tue, Apr 10, 2012 at 15:18, thomasmery <
[email protected]

wrote:

So is this to say the carousel won't ever slide in ie+ ?

that would mean having to drop it,

any chance of an enhancement ?

---

Reply to this email directly or view it on GitHub:
#2726 (comment)

[thomasmery]

thanks,

I definitely will if I am forced to do it

hopefully it will go unnoticed (hum ...)

On Tue, Apr 10, 2012 at 3:53 PM, Barryvdh <
[email protected]

wrote:

You could write a jQuery fallback, if css transistions aren't supported.

On Tue, Apr 10, 2012 at 15:18, thomasmery <
[email protected]

wrote:

So is this to say the carousel won't ever slide in ie+ ?

that would mean having to drop it,

any chance of an enhancement ?

---

Reply to this email directly or view it on GitHub:
#2726 (comment)

---

Reply to this email directly or view it on GitHub:
#2726 (comment)

---

http://www.thomas-mery.net

[barryvdh]

You could try something like this;
https://github.com/Barryvdh/bootstrap/commit/8b294f0c0184eb7111ef6da6046d4d1f33ea7ba3

Works for me in IE8/IE9, but IE7 gets mixed results (image disappears on some websites, after transitioning), so it probably needs some testing.

[thomasmery]

Many many thanks,

will try it next week and will report how it goes

On Fri, Apr 13, 2012 at 12:23 PM, Barryvdh <
[email protected]

wrote:

You could try something like this;

https://github.com/Barryvdh/bootstrap/commit/8b294f0c0184eb7111ef6da6046d4d1f33ea7ba3

Works for me in IE8/IE9, but IE7 gets mixed results (image disappears on
some websites, after transitioning), so it probably needs some testing.

---

Reply to this email directly or view it on GitHub:
#2726 (comment)

---

http://www.thomas-mery.net

[barryvdh]

See my previous commit, to fix the issue with IE7 (set width:100% for .item)

[mdo]

Not a BS core issue, but rather one of IE9 as per this thread: http://stackoverflow.com/questions/3726357/why-does-ie9-switch-to-compatibility-mode-on-my-website.