NIVO Slider Issue

OdyOwnage

10-24-2011, 12:35 AM

Hello all,

Slider works in Mozilla but not in IE. Thoughts?

Excavator

10-24-2011, 01:12 AM

Hello OdyOwnage,
I think IE sucks. To know why your slider doesn't work though, you would need to provide a lot more information...like a link to the test site or so actual code.

OdyOwnage

10-24-2011, 06:35 PM

Excavator,

I am going to totally agree with you that IE sucks. I'll post the code when I get home.

OdyOwnage

10-24-2011, 07:38 PM

HTML:

<html>
<head>

<link rel="stylesheet" href="/v/vspfiles/assets/images/style.css">
<script type="text/javascript" src="/v/vspfiles/assets/images/jquery.js"></script>
<script type="text/javascript" src="/v/vspfiles/assets/images/jslider.js"></script>

<script type= "text/javascript">
$(function() {
$(".slider").jslider({
btnNext: ".next",
btnPrev: ".prev"
})
});
</script>

</head>
<body>

<center><div id="container">
<img id="prev" class="prev" src="/v/vspfiles/assets/images/prev.png" /><img id="next" class="next" src="/v/vspfiles/assets/images/next.png" />
<div class="slider">
<ul>
<li><img class="slider" src="/v/vspfiles/assets/images/nemo.png" alt="Image 1" /></li>
<li><img class="slider" src="/v/vspfiles/assets/images/walle.png" alt="Image 2" /></li>
</ul>
</div>
</div></center>

</body>
</html>

CSS:

body {
width:800px;
margin:0 auto;
background-color:FFFFFF;
}

#container {
position:relative;
margin-left:50px;
margin-right:50px;
margin-top:50px;
width:700px;
}

#prev {
position:absolute;
top:75px;
left:-70px;
z-index:10;
}

#next {
position:absolute;
top:70px;
right:-75px;
z-index:10;
}

.slider {
width:700px;
height:250px;
border:8px solid #000;
}

dvent

10-24-2011, 08:34 PM

Can you post a link to the page and we can check it out for you?

Excavator

10-25-2011, 02:16 AM

To start with, have a look at the link about DocTypes in my signature line. You really need to have a DocType!

OdyOwnage

10-27-2011, 02:44 AM

NVM, it works now...? Strange LOL!