Hola a todos.
Estoy implementando un componente jquery en un sitio. Funciona a la perfección el chrome, pero en explorer no funciona bien. (desfazado y no activa la acción)
El componente es este:
http://milanfor.site40.net/Productos.html
Alguna idea de por donde puede venir el error?
Muchas gracias desde ya.
Ahi va el codigo por si a alguien le interesa mirar :
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta name="keywords" content="" /><meta name="description" content="" /><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>Forja Milanfor</title>
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet" type="text/css" />
<!--<link rel="stylesheet" type="text/css" href="style.css" />
-->
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="js/script.js"></script>
<link rel="stylesheet" type="text/css" href="css/layout.css" />
<link rel="stylesheet" type="text/css" href="css/style2.css" />
<script language="javascript" type="text/javascript" src="js/jquery.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
o: true,
mainWidth: 684 $(document).ready(function () {
var buttons = { previous: $('#jslidernews2 .button-previous'),
next: $('#jslidernews2 .button-next')
};
$('#jslidernews2').lofJSidernews({ interval: 5000,
easing: 'easeInOutQuad',
duration: 1200,
aut,
mainHeight: 300,
navigatorHeight: 100,
navigatorWidth: 310,
maxItemDisplay: 3,
buttons: buttons
});
});
</script>
<style type="text/css">
ul.lof-main-wapper li {
position:relative;
}
/*global*/
* {
margin: 0;
padding: 0;
}
a {
text-decoration: underline;
color: #DB4A4A;
}
a:hover {
text-decoration: none;
}
body {
line-height: 1.75em;
background: #222424 url(images/img01.gif) repeat-x top left;
color: #C0C1C1;
font-size: 11.5pt;
}
body,input {
font-family: Tahoma, sans-serif;
}
br.clearfix {
clear: both;
}
ul {
margin-bottom: 1.5em;
}
#footer {
padding: 70px 0 110px 0;
text-align: center;
margin: 0 0 45px 0;
}
#footer a {
color: #C0C1C1;
}
#footer2 {
padding: 70px 0 110px 0;
text-align: center;
margin: 0 0 45px 0;
}
#header {
height: 125px;
position: relative;
padding: 40px;
top: 0px;
left: 0px;
}
#logo {
margin: -20px auto;
height: 110px;
line-height: 110px;
text-align: center;
position: relative;
top: 0px;
left: 0px;
}
#logo a {
color: #FFFFFF;
text-decoration: none;
}
#logo h1 {
font-size: 2.8em;
font-family: Oswald, sans-serif;
}
#menu {
line-height: 55px;
position: absolute;
bottom: 0;
height: 55px;
background: #AF1E1E url(images/img02.gif) repeat-x top left;
left: 0;
font-family: Oswald, sans-serif;
width: 980px;
border-top: solid 1px #FF9696;
border-bottom: solid 1px #9B0A0A;
}
#menu a {
font-size: 1.1em;
text-decoration: none;
text-transform: uppercase;
color: #FFFFFF;
}
#menu ul {
width: 980px;
list-style: none;
text-align: center;
}
#menu ul li {
text-align: center;
padding: 8px 15px 8px 15px;
margin: 0 5px 0 5px;
display: inline;
}
#menu ul li.current_page_item {
background: #912727;
border-top: solid 1px #9B0A0A;
border-bottom: solid 1px #FF9696;
}
#page {
position: relative;
margin: 0 0 0 0;
width: 980px;
padding: 0;
}
#post1 {
overflow: hidden;
margin: 0 0 30px 0;
}
#wrapper {
width: 980px;
position: relative;
margin: 0px auto 0 auto;
}
<!--fin global-->
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo">
<h1>Forja Milanfor</h1>
</div>
<div id="menu">
<ul>
<li ><a href="index.html">HOME</a></li>
<li><a href="Servicios.html">SERVICIOS</a></li>
<li><a href="Calidad.html">CALIDAD</a></li>
<li class="last current_page_item"><a href="Productos.html">PRODUCTOS</a></li>
<li><a href="Clientes.html">CLIENTES</a></li>
</ul>
</div>
</div>
<div id="page">
<div >
<div style="clear:both;height:20px;"></div>
<div id="post1">
<div id="jslidernews2" class="lof-slidecontent" style="width:980px; height:300px;">
<div class="preload"><div></div></div>
<div class="button-previous">Previous</div>
<!-- MAIN CONTENT -->
<div class="main-slider-content" style="width:684px; height:300px;">
<ul class="sliders-wrap-inner">
<li>
<img src="images/thumbl_980x340.png" title="Newsflash 2" >
<div class="slider-description">
<div class="slider-meta"><label style="background:#C01F25;">/ <i>Tiristor camuflado</i>/</label></div>
<h4>Nuevo </h4>
</p>
</div>
</li>
<li>
<img src="images/thumbl_980x340_003.png" title="Newsflash 3" >
<div class="slider-description">
<div class="slider-meta"><a target="_parent" title="Newsflash 3" href="#Category-3">/ Newsflash 3 /</a> <i> — 2010 12:42</i></div>
<h4>Content 3</h4>
<p>With a. Don't...
<a class="readmore" href="#">Read more </a>
</p>
</div>
</li>
<li>
<img src="images/thumbl_980x340_004.png" title="Newsflash 5" >
<div class="slider-description">
<div class="slider-meta"><a target="_parent" title="Newsflash 4" href="#Category-4">/ Newsflash 4 /</a> <i> — Monday, February 15, 2010 12:42</i></div>
<h4>Content of Newsflash 4</h4>
<p>Joomla! 1.5 - ' dynamic Web...
<a class="readmore" href="#">Read more </a>
</p>
</div>
</li>
<li>
<img src="images/thumbl_980x340_006.png" title="Newsflash 5" >
<div class="slider-description">
<div class="slider-meta">
<div class="slider-meta"><label style="background:#C01F25;">/ <i>Tiristor camuflado</i>/</label></div>
<h4>Nuevo cv</h4>
</p>
</div>
</li>
</ul>
</div>
<!-- END MAIN CONTENT -->
<!-- NAVIGATOR -->
<div class="navigator-content">
<div class="navigator-wrapper">
<ul class="navigator-wrap-inner">
<li>
<div>
<img src="images/lofthumbs/791902news3.jpg" />
<h5> NewsFlash 1 </h5>
<span>20.01.2010</span> - In i sit eu...
</div>
</li>
<li>
<div>
<img src="images/lofthumbs/435576news10.jpg" />
<h5> NewsFlash 2 </h5>
<span>20.01.2010</span> -Int eu. ..
</div>
</li>
<li>
<div>
<img src="images/lofthumbs/641906img1.jpg" />
<h5> NewsFlash 3 </h5>
<span>20.01.2010</span> - In id, sit eu. ..
</div>
</li>
<li>
<div>
<img src="images/lofthumbs/416719news7.jpg" />
<h5> NewsFlash 6</h5>
<span>20.01.2010</span> - In id,sit eu. ..
</div>
</li>
</ul>
</div>
</div>
<div class="button-next">Next</div>
<!-- BUTTON PLAY-STOP -->
<div class="button-control"><span></span></div>
<!-- END OF BUTTON PLAY-STOP -->
</div>
</div>
<div style="clear:both"></div>
<br class="clearfix" />
</div>
<br class="clearfix" />
</div>
</div>
<div id="footer2">
</div>
</body>
</html>