Bootstrap2.3.2 carousal is not working in IE9

HTML & CSS
, ,
1

Hi,

I am using bootstrap 2.3.2 version and using carousal which is working fine in Firefox and chrome, but not working in IE9 please suggest me how I can fix it…

here is the code:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Bootslider | Free image slider pack based on Twitter Bootstrap Carousal">
    <meta name="author" content="Your name">
    <title>Bootslider | Free image slider pack based on Twitter Bootstrap Carousal</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Bootstrap responsive -->
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
    <!-- Bootslider -->
    <link href="css/bootslider.css" rel="stylesheet">
  </head>
  <body>
    
    <div id="full-screen-slider" class="carousel slide">
			
      <div class="carousel-inner">
        <div class="active item">
          <img src="img/mountain.jpg" alt="Mountain view">
          
        </div>
        <div class="item">
          <img src="img/mountain.jpg" alt="Mountain view">
          
        </div>
      </div>
      <a class="left carousel-control" href="#full-screen-slider" data-slide="prev">&lsaquo;</a>
      <a class="right carousel-control" href="#full-screen-slider" data-slide="next">&rsaquo;</a>
    </div>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/bootslider.js"></script>
  </body>
</html>
2

Impossible to do without knowing the problem and having the code :slight_smile:

3

here is the code:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Bootslider | Free image slider pack based on Twitter Bootstrap Carousal">
    <meta name="author" content="Your name">
    <title>Bootslider | Free image slider pack based on Twitter Bootstrap Carousal</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Bootstrap responsive -->
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
    <!-- Bootslider -->
    <link href="css/bootslider.css" rel="stylesheet">
  </head>
  <body>
    
    <div id="full-screen-slider" class="carousel slide">
			
      <div class="carousel-inner">
        <div class="active item">
          <img src="img/mountain.jpg" alt="Mountain view">
          
        </div>
        <div class="item">
          <img src="img/mountain.jpg" alt="Mountain view">
          
        </div>
      </div>
      <a class="left carousel-control" href="#full-screen-slider" data-slide="prev">&lsaquo;</a>
      <a class="right carousel-control" href="#full-screen-slider" data-slide="next">&rsaquo;</a>
    </div>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/bootslider.js"></script>
  </body>
</html>
4

Good. Now… Do you have a link so we can test it? and what is not working? It doesn’t run at all? or it scroll and then stops?

5

thanks for replying,

I can not upload it, its working fine in firefox and chrome, but not scrolling in IE9…

Regards
Shahzad

6

Without the images and stuff, it is hard to see but I’ll see what I can do although it is possible that it will be when I get home… or tomorrow (because today I’m have a late meeting so I’m not expecting to get home before 8-9pm)

7

Where did you get the slider from? Is the original working in IE9?

Without a demo it will be almost impossible to debug.

Is the slider supported in IE9 (what does the documentation say)?

If it’s using css animation then they are not supported in IE9.

How are you testing IE9? Does it work in IE11?

8

http://infomesh.technology/documentation.html

That’s the original documentation. Please try that in IE9 and see if even that works. Then try and match their HTML/CSS/Javascript as closely as possible. Copy over their code as needed. If theirs works in IE9, you are implementing it in correctly.

9

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.