Hola soy un programador novato y me descargue una plantilla con un pase de imágenes. Esta galería tiene un pase hacia adelante y un pase hacia atrás sin ningún fin ya que cuando acaban empiezan otra vez. Para que puedan identificar la galería esta en el DIV "<div id="SlideItMoo_outer>".
El problema es que con todos los exploradores me lo hace bien, pero con iexplorer no, ni me salen las flechas para dar paso a las siguientes imágenes.
CODIGO PHP.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>title</title>
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">
/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
</script>
<script type="text/javascript">
ddsmoothmenu.init({
mainmenuid: "templatemo_menu", //menu DIV id
orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
classname: 'ddsmoothmenu', //class added to menu's outer DIV
//customtheme: ["#1c5a80", "#18374a"],
contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})
</script>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<script language="javascript" type="text/javascript" src="scripts/mootools-1.2.1-core.js"></script>
<script language="javascript" type="text/javascript" src="scripts/mootools-1.2-more.js"></script>
<script language="javascript" type="text/javascript" src="scripts/slideitmoo-1.1.js"></script>
<script language="javascript" type="text/javascript">
window.addEvents({
'domready': function(){
/* thumbnails example , div containers */
new SlideItMoo({
overallContainer: 'SlideItMoo_outer',
elementScrolled: 'SlideItMoo_inner',
thumbsContainer: 'SlideItMoo_items',
itemsVisible: 5,
elemsSlide: 2,
duration: 200,
itemsSelector: '.SlideItMoo_element',
itemWidth: 171,
showControls:1});
},
});
function clearText(field)
{
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
</head>
<body id="home">
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title"><img src="images/logo.png" width="240" height="95" alt="alquiler la seu d'urgell" /></div>
<div id="header_right">
<div class="cleaner"></div>
<div id="templatemo_search">
<!--LOGIN-->
</div>
</div> <!-- END -->
</div> <!-- END of header -->
<div id="templatemo_menu" class="ddsmoothmenu">
<ul>
<li><a href="index.php" class="selected">CERCADOR</a></li>
<li><a href="pisos.php">PISOS</a></li>
<li><a href="cases.php">CASES</a></li>
<li><a href="locals.php">LOCALS COMERCIALS</a></li>
<li><a href="parceles.php">PARCEL·LES</a></li>
</ul>
<br style="clear: left" />
</div> <!-- end of templatemo_menu -->
<div id="templatemo_middle">
<form class="busqueda">
<table cellpadding="10" style="vertical-align:top;">
<tr>
<td>
<h5>Tipus</h5>
<input name="tipus" type="radio" value="" />Pis
<input name="tipus" type="radio" value="" />Casa
<input name="tipus" type="radio" value="" />Local
<input name="tipus" type="radio" value="" />Parcel·la
<br />
<br />
<h5>Situacio</h5>
<input name="situacio" type="radio" value="" />Ciutat
<input name="situacio" type="radio" value="" />Afores
<br />
<br />
<h5>Preu</h5>
Minim &nb sp; Maxim<br />
<input name="minim" type="text" size="5" maxlength="7" value="0" class="cajas" />€ - <input class="cajas" name="maxim" type="text" size="5" maxlength="7" value="0" />€
</td>
<td valign="top">
<h5>Antiguitat</h5>
<input name="antiguitat" type="radio" value="" />0-5
<input name="antiguitat" type="radio" value="" />5-10
<input name="antiguitat" type="radio" value="" />10-15
<input name="antiguitat" type="radio" value="" />15-20
<input name="antiguitat" type="radio" value="" />+20
<br />
<br />
<h5>Mobles</h5>
<input name="mobles" type="radio" value="" />Amb mobles
<input name="mobles" type="radio" value="" />Sense mobles
<br />
<br />
<input name="Buscar" type="submit" value="Buscar" class="cajasbut"/>
<input name="Reset" type="reset" value="Reset" class="cajasbut"/>
</td>
</tr>
</table>
</form>
</div> <!-- END of middle -->
<div id="templatemo_main_top"></div>
<div id="templatemo_main">
<div id="product_slider">
<div id="SlideItMoo_outer">
<div id="SlideItMoo_inner">
<div id="SlideItMoo_items">
<div class="SlideItMoo_element"><a href="element.php?id=1"><img width="110" height="110" src="images/default.jpg" alt="Parcel·la de 120m² 400€"/><br>Parcel·la de 120m² <strong>400</strong>€</a></div>
</div>
</div>
</div>
<div class="cleaner"></div>
</div>
<div id="sidebar">
<h3>Categories</h3>
<ul class="sidebar_menu">
<li><a href="pisos.php">Pisos</a></li>
<li><a href="cases.php">Cases</a></li>
<li><a href="locals.php">Locals Comercials</a></li>
<li><a href="parceles.php">Parcel·les</a></li>
</ul>
<h3>Newsletter</h3>
<p>Actualitzat via correu, estigues al dia de les nostres ofertes.</p>
<div id="newsletter">
<form action="#" method="get">
<input type="text" value="Subscriu-te" name="email_newsletter" id="email_newsletter" title="email_newsletter" onfocus="clearText(this)" onblur="clearText(this)" class="txt_field" />
<input type="submit" name="subscribe" value="Subscriu-te" alt="Subscribe" id="subscribebtn" title="Subscribe" class="subscribebtn" />
</form>
<div class="cleaner"></div>
</div>
</div> <!-- END of sidebar -->
<div id="content">
<div class="ordenacio">
<div style="float:left;"><a href="odenar.php"><ul class="footer_menu"><li>Preu ascendent</li></ul></a></div> <div style="float:right;"><a href="ordenar.php"><ul class="footer_menu"><li>Preu descendent</li></ul></a></div>
</div>
<p> </p>
<div class="col col_14 product_gallery">
<a href="productdetail.html"><img src="images/product/01.jpg" alt="Product 01" /></a>
<h3>Ut eu feugiat</h3>
<p class="product_price">$ 100</p>
<a href="shoppingcart.html" class="add_to_cart">Add to Cart</a>
</div>
</div> <!-- END of content -->
<div class="cleaner"></div>
</div> <!-- END of main -->
</body>
</html>
CODIGO CSS
#SlideItMoo_outer {
overflow: hidden;
width: 940px;
height: 150px;
margin: 0 auto;
background: none;
display:block;
position:relative;
padding: 0;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{
display:block;
position:absolute;
cursor:pointer;
width: 25px;
height: 150px;
bottom:0px;
right: 0px;
background: url(../images/slideitmoo_forward.png) no-repeat center;
}
#SlideItMoo_outer .SlideItMoo_back {
left:0px;
background: url(../images/slideitmoo_back.png) no-repeat center;
}
/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{
position:relative ;
overflow:hidden ;
width: 940px ; /* set a display width to make the slider look good in case js is disabled */
margin:0px auto 0px;
padding: 10px 0px 10px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items {
display:block;
position:relative;
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element {
display:block;
position:relative;
float:left;
margin: 0px 5px 0px;
font-size:11px;
width: 160px;
height: 120px;
text-align:center;
font-family: Verdana, Geneva, sans-serif;
color:#000000;
box-shadow: 5px -5px 3px #999;
}
#SlideItMoo_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; background:none; padding:2px; }
#SlideItMoo_items a img{ border:none; }
Gracias por adelantado