Buenas, tengo generado el siguiente codigo con varios elementos en jQuery
Código PHP:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<!-- jquery carrousel labels -->
<script type="text/javascript" src="include/jCarrousel/jquery.jcarousel.js"></script>
<script type="text/javascript" src="include/jCarrousel/jquery.jcarousel.min.js"></script>
<link href="include/jCarrousel/skins/tango/skin.css" type="text/css" rel="stylesheet">
<script type="text/javascript">
$(document).ready(function() {
var carousel;
function mycarousel_initCallback(carousel){
// Disable autoscrolling if the user clicks the prev or next button.
carousel.buttonNext.bind('click', function() {
carousel.startAuto(0);
});
carousel.buttonPrev.bind('click', function() {
carousel.startAuto(0);
});
// Pause autoscrolling if the user moves with the cursor over the clip.
carousel.clip.hover(function() {
carousel.stopAuto();
}, function() {
carousel.startAuto();
});
};
$('#mycarousel').jcarousel({
auto: 2,
wrap: 'last',
initCallback: mycarousel_initCallback
});
});
</script>
<script type="text/javascript">
$(document).ready(function() {
//jQuery(function(){
$('.twitter-container').tweetable({
id: 'tweets', username: 'myfacejob', time: true, limit: 2, replies: true
});
//});
});
</script>
<body>
<div class=" jcarousel-skin-tango">
<div class="jcarousel-container jcarousel-container-horizontal" style="position: relative; display: block;">
<div class="jcarousel-clip jcarousel-clip-horizontal" style="position: relative;">
<ul class="jcarousel-list jcarousel-list-horizontal" id="mycarousel" style="overflow: hidden; position: relative; top: 2px; margin: 0px; padding: 0px; width: 1205px;">
<?php
$query_media = mysql_query("SELECT * FROM wp_links ");
$total_media = mysql_num_rows($query_media);
if($total_media){
while($array_media = mysql_fetch_array($query_media)){
$link_url = $array_media["link_url"];
$link_name = $array_media["link_name"];
$link_image = $array_media["link_image"];
$link_target = $array_media["link_target"];
//echo "<li><a href='users_image/$name_img' toptions='type=iframe, effect=fade, width=310, height=299, overlayClose = 1' ><img width='75' height='75' src='users_image/$name_img' /></a></li>\n";
echo "<li class='jcarousel-item jcarousel-item-horizontal jcarousel-item-1 jcarousel-item-1-horizontal' style='float: left; list-style: none outside none;' jcarouselindex='1'><a href='".$link_url."' target='".$link_target."' ><img width='150' height='70' alt='".$link_name."' name='".$link_name."' src='".$link_image."'></a></li>\n";
}
}
?>
</ul>
</div>
<div class="jcarousel-prev jcarousel-prev-horizontal" style="display: block;" disabled="false"></div>
<div class="jcarousel-next jcarousel-next-horizontal" style="display: block;" disabled="false"></div></div></div>
<div class="twitter-container"></div>
</body>
En todos los navegadores los elementos funcionan correctamente, excepto en IE8.
Por que puede ser? IE8 no reporta ningun error y es bastante dificil saber que es lo que ocurre.
Hay que modificar la forma de inserccion de jQuery para que funcione sobre IE8?